Home Forums Weaver Xtreme Theme Removing Padding at top of content area completely so image is snug at top conen

Topic Resolution: Answered
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #67263
    Answered
    Dianne
    Participant

    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.

    #67267
    Best Answer
    scrambler
    Moderator

    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;}

    #67269
    Dianne
    Participant

    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!!!!

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.