Removing Padding at top of content area completely so image is snug at top conen

[Dianne]

I have a website that I want the image to fit tightly to the top of the content area, without padding of any kind. I have set padding to 0 and removed title and worked with the spacing but I can’t seem to get rid of the extra space:

What We Do

 

I was able to add code on the front page using the nextgen gallery so the home page fits tight, but I can’t seem to get rid of the spacing on all the inside pages. Please help, I have tried every setting I can think of.

[scrambler]

This reply has been accepted as the best answer.

There is a reule below that adds a top margin to images that are inside a paragraph

.wp-caption,p img{margin-top:0.4em}

Depending how you are inserting the image you may be able to avoid the image to be placed inside a paragraph tag. or else, you can override it by adding the rule below to the theme Global Custom CSS Rule box

p img{margin-top:0;}

Now if you need to keep that top margin for other images inside paragraphs, you may need to add another selector to restrict the rules to the pages or area in question, or you will need to add a class to the images so you can make the rule target only these

for example

<img class="nomargin" src="..."/>

Then

p img.nomargin {margin-top:0;}

[Dianne]

OMG…. Thank you! I used your suggestion:

p img{margin-top:0;}

Added It in to Global Custom CSS Rule box

 

THANK YOU SO MUCH. This is why I continue to use the weaver theme exclusively!!! Very grateful!!!!

[Author]

Posts