Drop shadow on following section

  • Resolved pdgrzdv

    (@pdgrzdv)


    9 years, 2 months ago

    Is there a way to make a drop shadow to be cast from one section to the next one?
    You can see on the right screenshot the first section casts a shadow over the empty spacer of the next section. Is there a way to cast the same shadow over the green background on the left one?

    Cheers! 🙂
    Screenshot

    • This topic was modified 9 years, 2 months ago by pdgrzdv.
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author ArielK

    (@arielk-1)

    9 years, 2 months ago

    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 9 years, 2 months ago by ArielK.
    • This reply was modified 9 years, 2 months ago by ArielK.
    Thread Starter pdgrzdv

    (@pdgrzdv)

    9 years, 2 months ago

    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

    Plugin Author ArielK

    (@arielk-1)

    9 years, 2 months ago

    @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 9 years, 2 months ago by ArielK.
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Drop shadow on following section’ is closed to new replies.

Tags