How to Reduce Height of black “Name” block in header

  • Resolved Bilkish

    (@bilkish)


    3 years, 1 month ago

    When publishing site identity with a name on the header, the black block is too tall.

    How to please reduce the height of the black box?

    Thanking you.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Suggest you use Chrome’s Inspect Dev Tool to spot the CSS controlling the area you’re interested in then modify the code to suit your liking. You can enter the CSS code in the Appearance > Additional CSS section.

    https://developer.chrome.com/docs/devtools/css/

    Hope that points you in the right direction.

    Theme Author Anders Norén

    (@anlino)

    Hi @bilkish,

    Go to Appearance → Customize → Additional CSS (the menu labels might be different in your language) and add the code below:

    .blog-info { padding: 15px 30px; }

    That will reduce the vertical padding of the box by half. Let me know if that does it.

    — Anders

    Thread Starter Bilkish

    (@bilkish)

    Thank you @anlino, this works!

    Thank you @kwbrayton for your suggestion.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to Reduce Height of black “Name” block in header’ is closed to new replies.