I am trying to remove the padding around an image which appears at the top of my homepage. The image was put into the page using the image element in the avia layout builder. Eventually a new image will fill the width of the page and I do not want any white space above or below the image (See http://www.jeffburch.ca/homepage/ for a better idea of what I mean).
I can use the following in the Quick CSS box:
.content {
padding-top: 0px;
padding-bottom: 0px;
}
However, that appears to remove the padding for a number of elements, not just the picture. How can I remove the padding for just this one element.
Thanks
Hi!
This will do it:
.page-id-734 #main > div:first-child .content{
padding: 0 !important;
}
Best regards,
Josue
Great, thank-you. It worked perfectly.
You are welcome, glad we could help :)
Regards,
Josue