Support » Themes and Templates » Reduce gap between title and description in Twenty Twelve

  • Resolved jmw25

    (@jmw25)


    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.

Viewing 5 replies - 1 through 5 (of 5 total)
  • esmi

    (@esmi)

    Forum Moderator

    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.

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

    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.

    paulwpxp

    (@paulwp)

    Font hero

    Try this ( instead of the above )

    .site-header h1 {line-height:1;}

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Reduce gap between title and description in Twenty Twelve’ is closed to new replies.