Shadow box Mountain theme

Anyone know if there’s a way to add a light shadow box behind the title and slogan in the Mountain theme? Thank you in advance.

You could try some custom CSS code like this to apply a background shade behind the title / slogan in the Mountains theme:

.hero-content .container {
     padding: 4vw;
     background-color: rgba(0, 0, 0, 0.7);
     line-height: 1.2;
}

Which would result in:

If you wanted a box-shadow, effect around the box, then modify the code as follows:

.hero-content .container {
     padding: 4vw;
     background-color: rgba(0, 0, 0, 0.7);
     line-height: 1.2;
     -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
     -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
     box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

To generate the CSS code for your box shadow, you can use a free tool like this: https://www.cssmatic.com/box-shadow

1 Like

Thank you for this, Will. It worked perfectly. I changed the code a bit to lighten the box and it’s terrific. Many thank you’s.

2 Likes

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.