Reduce white space above site title

  • Resolved Tim Magee

    (@tim-magee)


    8 years, 8 months ago

    Good morning,

    My website is really coming together and I’m happy with the progress (thank you Melissa!).
    https://timmagee.net/

    Goal: I would like to reduce the white space between the top of the the logo/photo site title — — and the header bar navigation line just above.

    A problem for me in finding solutions is that I don’t know what these elements are called.

    1. Does anybody know where to find a list of the names of the different elements in a page used in CSS code?

    2. Does anybody in this forum know how to reduce that space above the site title and below the nav bar?

    Melissa suggested:
    .site-content { margin-top: 0px; }

    But I saw no change.

    Any other ideas?

    Thanks in advance.

    Tim

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Tim Magee

    (@tim-magee)

    Fixed:

    I changed:
    #site-header .site-header-main {
    padding: 4.4rem 0 0rem;
    }

    to:
    #site-header .site-header-main {
    padding: 0rem 0 0rem;
    }

    Thanks!

    Tim

    Tim – I’m trying to accomplish a similar thing but have been unable to find the place you made that code change. Can you tell me if that was in the styles.css folder or was it elsewhere? I’m trying to make the same change in the child theme but can’t find that line in the style.css file.

    Thanks in advance.

    Thread Starter Tim Magee

    (@tim-magee)

    Hi,

    I just went to the left hand column with menu items in the dashboard. I then went to “appearance”, then to “Editor” and pasted the code above into the editor.

    Hope this helps!

    Tim,

    That did it!! AWESOME!! Thanks a million, Tim!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Reduce white space above site title’ is closed to new replies.