This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Hero Widget Remove Background Color

Open 1 reply pluginplugin-page-builderquestion
DoktorDibbs
6 years ago · Last reply by Andrew Misplon 6 years ago

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!

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

1
  1. Andrew Misplon Staff 6 years, 8 months ago

    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 :)

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread