Home › Forums › Weaver Xtreme Theme › Removing Padding at top of content area completely so image is snug at top conen
- This topic has 2 replies, 2 voices, and was last updated 3 weeks, 3 days ago by
Dianne.
-
AuthorPosts
-
February 5, 2021 at 16:19 UTC - Views: 11 #67263
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:
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.
February 5, 2021 at 17:59 UTC - Views: 10 #67267This 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;}
February 5, 2021 at 18:08 UTC - Views: 6 #67269Dianne
ParticipantOMG…. 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!!!!
-
AuthorPosts
- You must be logged in to reply to this topic.