Drop shadow on following section

Unfortunately this option is not available at the moment, but you can override next background section in the page using custom CSS.
For example: .your-selector {z-index: 1;}

• This reply was modified 7 years, 8 months ago by ArielK.
• This reply was modified 7 years, 8 months ago by ArielK.

Thanks for the info!
It worked!

As I have ZERO experience in coding and have no clue what is a “selector” I’ll give an explanation for the other people like me.

The piece of code @arielk-1 posted here has to be put on the “top” section (the one that should cast the shadow over the next one).

1)Open your page with browser => right click => inspect element

2)When you hover over the code you’ll see it highlights the section that you want to work on (the one that has to cast the shadow).

3)Once the section you want to work on is highlighted you’ll see your mouse is over a piece of code such as “section data-id=”SOME-RANDOM-LETTERS-AND-NUMBERS-HERE”

4)RIGHTCLICK-COPY those random letters and numbers

5)Go to your CSS editor (mine is Simple CSS plugin) and type:

.elementor-element-RIGHTCLICK*PASTE*THE*ID*HERE {z-index: 1;}

6)Save > Refresh your page – Voila

@pdgrzdv Thanks for the clear explanation !!

In addition, you can define a unique CSS class for this section instead of the random ID that we add for any element (steps 3 and 4 above).

Go to > Section > Advanced Tab > CSS Classes > Add your custom class WITHOUT the dot. e.g: my-class

From this point you can proceed from step 5 and further…

• This reply was modified 7 years, 8 months ago by ArielK.