SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    Resident Boozehound simontheak's Avatar
    Join Date
    Jun 2003
    Location
    _root.europe.uk.london
    Posts
    965
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help needed with simple CSS problem

    Hi there - hope you can help me.

    I've been trying to play around with the H2 tags which appear in my Wordpress blog. You can see an example at the following URL:

    http://www.playpokeronline.net/poker...are-upgrade/14

    The H2 tag is the one that reads "Similar posts you may be interested in."

    Basically, I can change the colour, font and size of the header all in the CSS file. For some reason though, I just can't change the amount of space I want at the top of the header.

    I've tried 'padding-top' and 'margin-top' without any luck whatsoever.

    Can anyone point out where I'm going wrong? I'd really like some more space between the end of the news article and the H2 tag that follows it.

    Thanks very much

  2. #2
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,801
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    it may be a specificity issue. I could look at all your CSS, I didn't see any rule with
    #crp_related h2{padding-top....} that should do it.

  3. #3
    Resident Boozehound simontheak's Avatar
    Join Date
    Jun 2003
    Location
    _root.europe.uk.london
    Posts
    965
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks very much for your reply dresden - much appreciate it.

    The only issue is that I've put in the #crp_related h2 rule, but it still doesn't appear to be having any effect. Even if I stick the padding at 50px; the header just isn't moving down.

    Thanks again for your help

  4. #4
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,278
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    Hi.

    Your padding is there like you stated. But you're setting it on an inline element (h2 is set to display: inline for some reason) inside a block element (div).
    http://stommepoes.nl/h2padding.png
    There it is.

    If you let the header remain a block like it normally is by default, you'll suddenly see all that padding show up on the page : )

    Though another option is to increase bottom margin on the p above if you want.

  5. #5
    Resident Boozehound simontheak's Avatar
    Join Date
    Jun 2003
    Location
    _root.europe.uk.london
    Posts
    965
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Legend.

    Thank you!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •