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!
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
Thanks – info below
Hi,
Best regards,
Victoria
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.
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
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.
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.
Best regards,
Ismael