Header Spacing

  • msilva47

    (@msilva47)


    9 years, 9 months ago

    Hello, If someone could help me it would be much appreciated!

    Trying to reduce the space between the header and the menu bar, and also between the menu bar and the Features Domains line. It’s spread out too much.

    My page is SelectDomains.net

    Thank you very much

Viewing 5 replies - 1 through 5 (of 5 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    9 years, 9 months ago

    In your style.css, reduce the margin-bottom on #site-description and padding-top on #site-title

    #site-title {
   padding-top: 10px;
}
#site-description {
   margin-bottom: 10px;
}

    adjust the numbers to fit your needs.

    To add CSS: If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin “Simple Custom CSS”. Or, if you have Jetpack installed, enable its Custom CSS module.

    Learn the Chrome Developer Tools to help you see and test changes to your CSS:
    https://developers.google.com/web/tools/chrome-devtools/

    Thread Starter msilva47

    (@msilva47)

    9 years, 9 months ago

    My Style.css shows the following,

    #site-title {
    padding: 5.30625em 0 0;
    }
    #site-title,
    #site-description {
    margin-right: 0;

    Not sure how to edit properly.

    • This reply was modified 9 years, 9 months ago by msilva47.
    • This reply was modified 9 years, 9 months ago by msilva47.
    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    9 years, 9 months ago

    I explained that….

    To add CSS: If your theme has a custom CSS option, use that to add the CSS shown above. If not, install the plugin Simple Custom CSS. Or, if you have Jetpack installed, enable its Custom CSS module.

    If you are hacking your own theme, then edit your style.css directly.

    Thread Starter msilva47

    (@msilva47)

    9 years, 9 months ago

    Okay I will try to follow along, Sorry. I’m not fully understanding CSS and not sure where to inject the code.

    Thread Starter msilva47

    (@msilva47)

    9 years, 8 months ago

    Seems as though I can not locate the code to edit the bottom of the header spacing.

    I injected the code above into simple CSS plugin and was able to adjust the top spacing of the header. Now the bottom persists and leaving the space between the content and header much too open.

    Any further assistance would be greatly appreciated.

    SelectDomains.Net

    • This reply was modified 9 years, 8 months ago by msilva47.
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Header Spacing’ is closed to new replies.