reduce white space after h1 and/or h2

Forums » WordPress » Mantra » How To

  • Author
    Posts
  • May 1st, 2013 at 17:17 #5756
    Corine

    Hi there,

    First of all, thank you for this brilliant theme! I would like to reduce the white space between the header and the paragraph but cannot find how to do that, can you help me?

    Also I would like to remove WordPress in the footer and replace it with the name of my company, so it would show your name for the theme (ofcourse, you deserve the credits!!) and mine for the content. How do I do that?

    Thank you!

    Corine

     

     

     

     

    May 5th, 2013 at 15:20 #5918
    Zed
    Cryout Creations mastermind

    Can you give  a header and paragraph example (sample content)? So I can figure out what area you are referring to exactly.

    As you’ve customized the theme a bit, I am not sure which one is the header 🙂

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    May 5th, 2013 at 20:55 #5931
    Corine

    Hi Zed,

    I think (no I am sure)  that I didn’t explain properly what I meant…..

    For example:

    First you’ll have h2

    Then the paragraph.

    Then a white space

    Then h2 etc.

    The white space I was refering to is the white space in between the h2 and the paragraph and at the end of the paragraph before the next h2 (still following?). Hope I’ve explained it a bit better this time 😉

    Thanks!

    May 5th, 2013 at 20:58 #5932
    Corine

    Sorry, you also asked for an example so here it is: http://www.afslankuniversiteit.nl/dieettrends/crash-dieet-zoooo-2012/

    The bold headings are h2 the bigger one on top is h1.

    May 12th, 2013 at 22:45 #6218
    Zed
    Cryout Creations mastermind

    You can use this custom CSS to reduce the space after the h2:

    #content .entry-content h2 { margin-bottom: 0; }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    June 2nd, 2013 at 05:32 #7081
    John

    I have the same question.

     

    Where exactly can we add this CSS tweak? In which file? Anywhere in the file?

    Would we simply change h1, h2, h3 to affect the space after h1, h2, and h3 headings?

     

    Thanks,

    John

    June 3rd, 2013 at 09:07 #7105
    Zed
    Cryout Creations mastermind

    This is meant to go in the Custom CSS field under Miscellaneous Settings (see my signature).

    Yes, you can just place that on any H you want, but try to keep it within #content .entry-content, otherwise you will affect all headings on the site:

    #content .entry-content h1, #content .entry-content h2, #content .entry-content h3 ... { }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘reduce white space after h1 and/or h2’ is closed to new replies.