margins for pictures to line up with content

Discussion in 'CSS' started by bill127300, Mar 9, 2010.

  1. #1
    Could you take a minute to look at this site: www.doverma.org and let me know what to do in the css so that the pictures on the homepage line up with the headings? I changed the h3 to have margin-top:0px which moved the headings up just a little off from the pics. I can't seem to find how to do the same thing with the pics. Thanks if you can help.
     
    bill127300, Mar 9, 2010 IP
  2. s_ruben

    s_ruben Active Member

    Messages:
    735
    Likes Received:
    26
    Best Answers:
    1
    Trophy Points:
    78
    #2
    Add this code in the style.css of the theme directory:

    
    .Post img{
       margin-top: 5px;
    }
    
    Code (markup):
     
    s_ruben, Mar 10, 2010 IP
  3. bill127300

    bill127300 Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Adding that did nothing that I can tell. images were still just a couple px too low. Thanks anyway
     
    bill127300, Mar 10, 2010 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    The problem is here:

    .PostContent img {
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
    }

    s_ruben was right in that you need to change that margin-top; if his code didn't work then it's a specificity issue. Though with the class heavy train wreck of nonsense turdpress saddles you with, there might not be a lot you can do about that without resorting to !important.
     
    deathshadow, Mar 10, 2010 IP
  5. bill127300

    bill127300 Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    That got me looking in the right direction. The answer was to change

    .PostContent img
    {
    margin: 1em;
    }

    to

    .PostContent img
    {
    margin: 0.5em;
    }

    Thanks.
     
    bill127300, Mar 10, 2010 IP