Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1097805

    I can’t seem to find any docs on this. I have a layerslider on a product page and thumbnails appear below the slideshow images – but thumbnails appear on top of next section. I have the layerslider in a shortcode in a 2/3 block.

    Why is layerslider not clearing after thumbnails? Thanks for your help!

    #1097998

    Hey whtmsting1,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #1098152

    Thanks – info below

    #1098826

    Hi,

    Best regards,
    Victoria

    #1100179

    If you look closely at the image that you sent me you can see that there is a text block behind the thumbnails. I want to add additional blocks after the slider (and thumbs) but it is not clearing for next block so text ends up behind the thumbnails.

    #1100475

    Hi whtmsting1,

    Thank you for clarifying.

    Please try the following css:

    
    .avia_codeblock_section.avia_code_block_0 + .av_textblock_section {
        margin-top: 100px;
    }
    

    Best regards,
    Victoria

    #1100604

    Well yeah – I know I can add a top margin but I was looking for a catch all solution that clears the slider as it should.

    #1101342

    Hi,

    Thanks for the update.

    The slider sets the height of the layer container but it doesn’t take into account or include the height of the thumbnail wrapper. You can use the css code above or apply a bottom margin to the layer slider itself. Enabling the custom css class field should help.

    // https://kriesi.at/documentation/enfold/intro-to-layout-builder/#turn-on-custom-css-class-field-for-all-alb-elements

    Best regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.