Docs

[mahmoud237]

I want to make transparent background section …
I have backgrounds with drops under each one .. I want the drops to appear so I want the beneath background to be transparent .
See the 3 attached image to understand:
– the first image is what I want to do
– second and third image are the background

Thanks for your support

[mahmoud237]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! To resolve your issue and make sure that the background image are positioned properly, please edit your page in Cornerstone and insert the following custom css in the settings tab, Settings > Custom CSS

.home #x-section-1 {
    background-color: #C6DD3C;
    background-position: bottom center;
}

.home #x-section-2 {
    background-position: bottom center;
}

This may doesn’t be the correct placement in smaller screens. To better understand how background images works in section, please check out this topic: https://community.theme.co/forums/topic/section-background-image-2/#post-691126

Hope this helps.

[mahmoud237]

it didn’t work for me … I tried to add an ID “x-section-1” to section too but it didn’t work

[Lely]

Hello There,

Upon checking the page, the CSS was not added. Please note that you didn’t have to add the same ID. x-section-1 to x-section-2 and so forth are the default section ID. Please add the suggested CSS and then we will check what’s the issue if it doesn’t work.

[Author]

Posts