Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1489718

    Hello dear Enfold Support Team,

    on our redesign page (http://neu2025.dc-gmbh.com/#service we have three text boxes that are animated and move upwards while scrolling.
    The problem: these boxes slide underneath the large video from the first section, so that the content is partially hidden and not visible (see attached screenshot).
    My question: how can I adjust the settings (e.g. with z-index or CSS) so that the animated boxes are displayed correctly above the video and remain visible while scrolling?

    Thank you very much in advance for your support!

    Best regards,
    Diana

    #1489741

    Hey Diana,

    Thank you for the inquiry.

    The Color Section element includes a z-index option, which can be adjusted to make sure the section containing the boxes displays above the first video. Please refer to the screenshot below.

    Screenshot-2025-10-02-at-1-37-48-PM

    Best regards,
    Ismael

    #1489780

    you have choosen for the #av_section_1 a z-index of : 200
    so the z-index of the flex_columns had to be bigger. (300) next – hint
    do not forget to give the outer flex_columns a background-color of #172738

    #1489922

    Hi @Ismael, hi @Guenni007,
    thank you so much for your quick and helpful replies!

    @Ismael
    – thanks for pointing me to the z-index option and the clear screenshot, that made it very easy to fix.

    @Guenni007
    – thanks as well for the additional hint regarding the background color (that probably would have been my next question!).
    I’ve already adjusted both settings — works perfectly now!
    Much appreciated!
    Best,
    Diana

    #1489929

    Hi,

    Thanks for the update, we’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Animated boxes underneath the video’ is closed to new replies.