Tagged: color sections, padding
Hello,
I’m reaching out for support again after going through past threads and trying a variety of custom CSS attempts that worked for others… things were working but broke after I added a contact form. Overview: I have color sections set to ‘no padding,’ but I have padding both to the left side of images (seemed to be able to fix this with CSS I included in private content) but now I want to remove the padding space above/below the images that appear on the left side of the color sections – including the padding between the LayerSlider and the top image (seems to be a different CSS issue that I also have struggled to find a solution for). So far, I found CSS that helped the left-side images go all of the way to the left edge, CSS in private content, and I thought I had solved the issue with the padding top/bottom of images, but something in the custom CSS broke after adding the contact form (last color section). Perhaps I’m using the wrong CSS overall and there’s a cleaner way to manage it? I’ve spent hours on my own trying to fix this and was really hoping to figure it out, but I would love help at this point in order to make my deadline!
Many, many thanks in advance.
Hi larazier!
Thank you for using Enfold.
Have you tried the grid row element? You don’t have to add this css modifications because the images or any content inside the grid row cells will automatically go to the edge of the browser if you need to.
Best regards,
Ismael
Hi larazier!
If we are talking about the gap visible in the screenshot shared in private content. Most of the padding is coming from the content slider element.
We have also setup an example page for you and shared the link in private content to remove padding between color sections please check the private content.
Regards,
Vinay