Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi, I am using the hero widget only for the text — it’s a bit of a hack trying to work some transparency issues while overlapping widgets to get an effect I can’t figure out how to achieve otherwise.
So maybe an unusual use of the widget, I would like to ask how I can totally remove the background color in the hero widget. Again note that there is no image, just the text in the ‘frame’ dialogue.
Alternatively (and maybe better) — without a hero image, can I change the transparency of the background color of the widget?
Thank you in advance!
Hi DoktorDibbs
Thanks for posting.
Please, try editing the Background color field in the Hero widget frame. Delete the color hex value and then save the widget. There should now be no background color added by the Hero. https://imgur.com/a/YYb3dSD
To apply a transparent background to a widget or row, you could use the CSS Styles field offered under the Attributes tab on the right. There you could insert a rgba background. Something like:
background-color: rgba(201, 76, 76, 0.3)More on rgba here: https://www.w3schools.com/cssref/func_rgba.asp
We, unfortunately, can’t dive much deeper into CSS customizations within our free support scope. For more in-depth assistance via email on topics like this, please consider a SiteOrigin Premium license. Thanks :)