Home>Support>Help adding a shadow box behind text in SiteOrigin Editor

Help adding a shadow box behind text in SiteOrigin Editor

By ilolohea, 6 years ago. Last reply by Alex S, 6 years ago.

Hi,
I’m hoping someone can help me with css to add a shadow box behind text.

I’m using the Vantage theme and I have 3 text editor widgets in a row. Each has a background image and text. I’d like to have one continuous shadow box that runs behind the text in each widget so that the text will be easier to read. I’d also like the shadow to be transparent. The color will be #8B8D8E.

Here is a link to the page I am working on – http://kalanipkg.com/cost-reduction

Any help will be much appreciated!!!

Thank you,
Inez

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 6 years, 9 months ago Alex S
    Hi, I Work Here

    Hi Inez,

    Please open the widget you wish to apply a shadow to and head over to the widget styles sidebar. Open the Attribute settings group and set the Widget Class to box-text_shadoew and save.

    Please add the following CSS to WP AdminAppearanceCustom CSS:

    .box-text_shadoew p, .box-text_shadoew h1 {
	text-shadow: 0 0 2px rgba(141, 141, 142, .7) !important;
}

    You might also need to install the SiteOrigin CSS Editor.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More