Reduce gap between title and description in Twenty Twelve

  • Resolved jmw25

    (@jmw25)


    11 years, 2 months 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.

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

    (@esmi)

    11 years, 2 months 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.

    Thread Starter jmw25

    (@jmw25)

    11 years, 2 months ago

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

    Thread Starter jmw25

    (@jmw25)

    11 years, 2 months 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.

    paulwpxp

    (@paulwp)

    11 years, 2 months ago

    Try this ( instead of the above )

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

    (@jmw25)

    11 years, 2 months ago

    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.