WordPress.org

Ready to get started?Download WordPress

Forums

Attitude
[resolved] Reduce size of header (6 posts)

  1. LordLiverpool
    Member
    Posted 7 months ago #

    Hello

    How do I reduce the overall size of the theme header?

    I have already reduced the margin to 5px and that helped

    #branding {
    margin-top: 5px;
    }

    I am trying to reduce the amount of white space above the social media icons and the pale blue background.

    Anyone know what CSS I need to change please?

    I can't seem to find any values to change for div.hgroup-wrap.clearfix

    What am I missing?

    Thanks very much

    Cheers

  2. LordLiverpool
    Member
    Posted 7 months ago #

    I found some CSS for reducing the space between the logo and the div above it

    #site-logo {
    float: left;
    margin-top: 32px;
    }

    Reducing the size of margin top helps to reduce the overall size of the header but not the space above the social media icons

    Anyone know what to change???

    Thanks

  3. esmi
    Forum Moderator
    Posted 7 months ago #

    Are you using a child theme or a custom CSS plugin?

  4. LordLiverpool
    Member
    Posted 7 months ago #

    Child theme

  5. esmi
    Forum Moderator
    Posted 7 months ago #

    Have you tried using Firefox with the Firebug add-on for this kind of CSS troubleshooting? Or using whatever developer tool is available in your web browser?

  6. LordLiverpool
    Member
    Posted 7 months ago #

    Hi esmi

    I normally use Google Chrome Developer Tools (F12) but was unable to locate the HTML element in question or its connected CSS

    However I took your advice and tried Mozilla Firebug and found it straight away:

    .hgroup-right {
    float: right;
    margin-top: 38px;
    }

    I reduced margin-top and BINGO it was fixed

    Thanks for your help

    Cheers

Reply

You must log in to post.

About this Theme

About this Topic