Reducing space above and beneath the logo image

  • Resolved deyanpet

    (@deyanpet)


    9 years, 10 months ago

    Hello,

    I want to reduce the space bellow and above my company logo, so the header becomes thinner. I’ve tried everything I read in the topics, but nothing worked out. Changing the span for example is reducing the header, but it is reducing the logo as well.

    The site I’m working on is: dsi.bg. It is in the very beginning for the moment.

    Thank you in advance.

Viewing 1 replies (of 1 total)
  • Styled Themes

    (@gejay)

    9 years, 10 months ago

    There’s a couple things to do:

    1. make sure your logo has no extra empty space at the top or bottom of the image.

    2. The other is to edit the CSS for the container the logo goes into. This will require a child theme or a plugin that lets you edit CSS. The CSS styling for the header area looks like this in the theme:

    #branding {
height: auto;
border-top: 1px solid #FFF;
padding: 12px 0;
}

    The padding on the top and bottom is 12px. So you could do something like:

    #branding {padding: 0;}

Viewing 1 replies (of 1 total)
  • The topic ‘Reducing space above and beneath the logo image’ is closed to new replies.