WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Reduce gap between title and description in Twenty Twelve (6 posts)

  1. jmw25
    Member
    Posted 1 year ago #

    Hello,
    I'm trying to reduce the white space between my title, Oxford in France, and my description, PPE Summer School. http://www.oxfordinfrance.com

    How would I then reduce the space between the title and the top of the website? What I'm essentially trying to do is move my whole website up by reducing white space because it starts down too far.

    I'm using a Twenty Twelve Child Theme.

    Any help would be appreciated.

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

  3. jmw25
    Member
    Posted 1 year ago #

    Is there a code I could just add to my editor to reduce the gap between the title and description?

  4. jmw25
    Member
    Posted 1 year ago #

    Just figured it out!

    For anyone else that might benefit from this:

    h2.site-description {
    margin-top:-2rem;
     }

    and

    h1.site-title {
    margin-top:-2rem;
     }

    Play around with the number before rem; to adjust white space.

  5. paulwpxp
    Font hero
    Posted 1 year ago #

    Try this ( instead of the above )

    .site-header h1 {line-height:1;}
  6. jmw25
    Member
    Posted 1 year ago #

    Ok, thank you! I'm new to this and am grateful for any tips.

Topic Closed

This topic has been closed to new replies.

About this Topic