Decrease height of header

  • Resolved wiverton

    (@wiverton)


    6 years, 8 months ago

    How can I reduce the header height by decreasing the amount of padding above and below the logo and text in the header section?

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Toshihiro Kanai

    (@mirucon)

    Hi @wiverton,

    Thanks for using Coldbox theme! You can use the following CSS code to change the padding around the header logo and description.

    
body .site-info {
  padding-top: 10px;
  padding-bottom: 10px;
}

    In this example, the padding is reduced to 10px from default’s 30px. You can change the value as you like to adjust the padding.

    Thread Starter wiverton

    (@wiverton)

    Many thanks – works exactly as described.

    Is there a documented list somewhere of all the properties which can be changed via CSS?

    Theme Author Toshihiro Kanai

    (@mirucon)

    Unfortunately, we do not have a documentation of the list of the classes we use in the theme. However, you can always use your browser’s dev tools to look up the classes you want to change some of the value.

    If you are using Chrome, this might help to understand how to use the dev tools: https://developers.google.com/web/tools/chrome-devtools/inspect-styles/

    Theme Author Toshihiro Kanai

    (@mirucon)

    Just for your information: in the next version of the Coldbox theme, version 1.5.0, we will have a customizer option for this so you can easily change the padding around header via the customizer.

    1.5.0 will be out as soon as the theme uploader has been fixed (Currently theme uploader is disabled due to some problems).

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Decrease height of header’ is closed to new replies.