Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 18, 2022 at 12:57 pm #1341334
    whdsolutions

    This does not seem to make the 3/5 column go overlapping the layerslider – what am I doing wrong?

    .flex_column.av-kzs87jc8-1ebd7eab26a8447e5588f1ffe46fd523 {
    margin-top: -250px;
    }
    #after_layer_slider_1 {
    z-index: 30;
    }

    February 19, 2022 at 9:50 pm #1341433
    Mike

    Hey whdsolutions,
    Thank you for the link to your site, the class above doesn’t seem to exist on you page anymore .av-kzs87jc8-1ebd7eab26a8447e5588f1ffe46fd523 but the av_three_fifth column is over your layerslider by -300px with this css:

    .flex_column.av-kzs87jc8-e08336bdcc15b256f7f0786898b83ca5 {
    margin-top: -300px;
}

    Please see the screenshot in the Private Content area.
    I assume that you have since solved this, but I recommend not using the post-css classes like: .av-kzs87jc8-1ebd7eab26a8447e5588f1ffe46fd523 because they will change every time you modify the page.

    Best regards,
    Mike

    April 29, 2022 at 11:28 am #1349944
    whdsolutions

    I am attempting this on another site

    .flex_column.av-91ed-94cc6f2bbd8390dd4ad2d99c53a613f9 {
    margin-top: -250px;
    }
    #after_layer_slider_1 {
    z-index: 30;
    }

    But it does not work – can you help?

    April 29, 2022 at 12:30 pm #1349956
    Mike

    Hi,
    Thanks for the link to your site, but any classes like: .av-91ed-94cc6f2bbd8390dd4ad2d99c53a613f9 are temporary for the caching system and change each time you modify the page, I recommend using the elegant custom class field in the advanced tab of the specific element
    2022-04-29_001.jpg
    and then use the custom class in your css rule, typically you will need to add the custom class first and then inspect to see where it is in relationship to your goal.

    Nonetheless, try this css for the page that you have linked to:

    #top.page-id-17 #av_section_1>div>div>div>div>.flex_column_table {
	margin-top: -150px;
}
#top.page-id-17 #layer_slider_1 {
	z-index: 1;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    April 29, 2022 at 2:10 pm #1349964
    whdsolutions

    I really dont understand – what is the custom class? This?

    #av_section_1>div>div>div>div>.flex_column_table

    I’m lost!

    April 29, 2022 at 2:14 pm #1349965
    whdsolutions

    So in the custom class field I have added

    #floatup

    Then what???

    April 29, 2022 at 2:15 pm #1349966
    whdsolutions

    Also adding this does not work

    #top.page-id-17 #av_section_1>div>div>div>div>.flex_column_table {
    margin-top: -150px;
    }
    #top.page-id-17 #layer_slider_1 {
    z-index: 1;
    }

    April 29, 2022 at 2:19 pm #1349967
    whdsolutions

    This does not wor either – can you send the code I actually need to make this work based on the cutom class of #floatup

    #top.page-id-17
    #floatup {
    margin-top: -150px;
    }
    #top.page-id-17 #layer_slider_1 {
    z-index: 1;
    }

    April 29, 2022 at 4:41 pm #1349973
    Mike

    Hi,
    Thank you for adding a custom class, please note that a class begins with a dot like: .floatup a hashtag is for IDs,
    so your css would look like this:

    .floatup .flex_column_table {
	margin-top: -150px;
}
#top.page-id-17 #layer_slider_1 {
	z-index: 1;
}

    Please note that for the layerslider I kept the page ID because the ID #layer_slider_1 will occur on every page that has a layerslider, you could also add a custom class to it if you wished.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    April 29, 2022 at 9:12 pm #1349993
    whdsolutions

    Amazing!

    Thank you for your help on this :)

    April 30, 2022 at 10:44 am #1350024
    Nikko

    Hi whdsolutions,

    I’m glad that Mike could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Content over layerslider’ is closed to new replies.