Docs

[mondobongomoses]

I think I know the CSS I need to do it, but how do I find the section id or class that I need to apply it to?

I would like to add opacity to the background header/hero image, and the background image for the “services” section.

I searched around, but it looks like everyones sections are different.

here is the page I am referencing above. http://dev-iconicontent.pantheonsite.io

Thank you, yet again!

[Christopher]

Hi there,

Please add following code in cornerstone settings tab/custom css :

div#x-section-1:before, div#x-section-5:before {
    content: " ";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255,255,255,0.5);
}
div#x-section-1, div#x-section-5 {
    position: relative;
}

Hope it helps.

[mondobongomoses]

That worked! Thank you!!!

However, it changed the background color of this page – edit

How would I go about getting that back to the normal white background, while not losing the changes on the homepage? I tried editing the page in cornerstone and setting the background of the page as white, but that didnt work…

[John Ezra]

Hi there,

Thanks for updating the thread! Please add .home selector in front of the previous CSS snippets provided to limit it to the home page.

.home div#x-section-1:before, div#x-section-5:before {
    content: " ";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255,255,255,0.5);
}
.home div#x-section-1, div#x-section-5 {
    position: relative;
}

Hope this helps – thanks!

[mondobongomoses]

That worked perfectly. Thank you!!!

[Rue Nel]

You’re welcome!
We’re glad we were able to help you out.

[Author]

Posts