Tagged: padding
Hello,
On the page below there is a little bit of padding underneath the videos, I’m trying to figure out to remove it so that there is no white space between the video and the image underneath, I’ve played around with all the padding settings but I can’t figure it out.
Thanks!
Hey B,
Please try the following in Quick CSS under Enfold->General Styling:
#colour .content {
padding-top: 0 !important;
}
Best regards,
Rikard
Hi Rikard, I’ve added the CSS and I can see that its removed the padding around the colour sections that have a video set as the background, but for the video blocks there is still padding underneath them and the colour section below
Hi,
Thank you for the update.
There is a 20px margin at the bottom of the video wrap. You can use this css code to remove it.
.avia-video, .avia-iframe-wrap {
margin-bottom: 0;
}
Best regards,
Ismael
Hi Ismael, I’ve added the CSS and cleared my cache but I’m still seeing padding at the bottom of that video?
I just realised I had a minimum height set for that grid row, now that it’s been removed the padding has gone as well. Thanks for your help!
Hi,
Great, I’m glad that you got it working and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Thanks Rikard this thread can be closed