Title: Decrease height of header
Last modified: March 27, 2018

---

# Decrease height of header

 *  Resolved [wiverton](https://wordpress.org/support/users/wiverton/)
 * (@wiverton)
 * [8 years ago](https://wordpress.org/support/topic/decrease-height-of-header/)
 * 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](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fdecrease-height-of-header%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  Theme Author [Toshihiro Kanai](https://wordpress.org/support/users/mirucon/)
 * (@mirucon)
 * [8 years ago](https://wordpress.org/support/topic/decrease-height-of-header/#post-10133229)
 * Hi [@wiverton](https://wordpress.org/support/users/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](https://wordpress.org/support/users/wiverton/)
 * (@wiverton)
 * [8 years ago](https://wordpress.org/support/topic/decrease-height-of-header/#post-10134170)
 * 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](https://wordpress.org/support/users/mirucon/)
 * (@mirucon)
 * [8 years ago](https://wordpress.org/support/topic/decrease-height-of-header/#post-10135122)
 * 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/](https://developers.google.com/web/tools/chrome-devtools/inspect-styles/)
 *  Theme Author [Toshihiro Kanai](https://wordpress.org/support/users/mirucon/)
 * (@mirucon)
 * [8 years ago](https://wordpress.org/support/topic/decrease-height-of-header/#post-10153105)
 * 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.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/coldbox/1.9.5/screenshot.jpg)
 * Coldbox
 * [Support Threads](https://wordpress.org/support/theme/coldbox/)
 * [Active Topics](https://wordpress.org/support/theme/coldbox/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/coldbox/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/coldbox/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [padding](https://wordpress.org/support/topic-tag/padding/)

 * 4 replies
 * 2 participants
 * Last reply from: [Toshihiro Kanai](https://wordpress.org/support/users/mirucon/)
 * Last activity: [8 years ago](https://wordpress.org/support/topic/decrease-height-of-header/#post-10153105)
 * Status: resolved