Title: Modify Page Header Height
Last modified: August 30, 2016

---

# Modify Page Header Height

 *  Resolved [yllw98stng](https://wordpress.org/support/users/yllw98stng/)
 * (@yllw98stng)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/modify-page-header-height/)
 * How can I make the background area around the Page Header smaller? An example
   page is here:
 * [http://www.fril.net/about/](http://www.fril.net/about/)
 * I would like to make the gray box around “ABOUT” smaller in height.
 * Thanks!
    Jason

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

 *  [ashiquzzaman](https://wordpress.org/support/users/ashiquzzaman/)
 * (@ashiquzzaman)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/modify-page-header-height/#post-6679130)
 * Use this css code –
 *     ```
       div.page_head.hide_mob_headerimg {
         min-height:120px ; /*adjust your height accordingly*/
       }
       ```
   
 *  Thread Starter [yllw98stng](https://wordpress.org/support/users/yllw98stng/)
 * (@yllw98stng)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/modify-page-header-height/#post-6679138)
 * Unfortunately, that doesn’t appear to make any difference. I tried 120px and 
   60px and it didn’t change at all.
 *  Theme Author [OptimizerWP](https://wordpress.org/support/users/layerthemes/)
 * (@layerthemes)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/modify-page-header-height/#post-6679147)
 * [@yllw98stng](https://wordpress.org/support/users/yllw98stng/)
    Go to Customize
   > Miscellaneous > Custom CSS and add this:
 * `body .page_head .pagetitle_wrap {margin: 20px auto;}`
 *  Thread Starter [yllw98stng](https://wordpress.org/support/users/yllw98stng/)
 * (@yllw98stng)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/modify-page-header-height/#post-6679164)
 * Perfect! Thanks!
 *  Thread Starter [yllw98stng](https://wordpress.org/support/users/yllw98stng/)
 * (@yllw98stng)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/modify-page-header-height/#post-6679166)
 * Actually, that appears to fix the issue in Firefox. But, In IE, it vertically
   centers the text within the number of pixels specified, but still adds a huge
   gray bar at the bottom.
 *  Thread Starter [yllw98stng](https://wordpress.org/support/users/yllw98stng/)
 * (@yllw98stng)
 * [10 years, 8 months ago](https://wordpress.org/support/topic/modify-page-header-height/#post-6679178)
 * I found that by using both of the above commands, I was able to fix this issue
   in both IE and Firefox. Here is the final code:
 * body .page_head .pagetitle_wrap {margin: 10px auto;}
    div.page_head.hide_mob_headerimg{
   min-height:60px ;}
 *  [nataliekenyon](https://wordpress.org/support/users/nataliekenyon/)
 * (@nataliekenyon)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/modify-page-header-height/#post-6679403)
 * [@layerthemes](https://wordpress.org/support/users/layerthemes/)
    Hello, I am
   trying to do the exact same thing as yllw98stng; however, when I enter the code
   provided above, all it achieves is decreasing the margin between the top of the
   header and the header text; it does not decrease the height of the header block
   itself. Any suggestions? Thanks!
 *  Theme Author [OptimizerWP](https://wordpress.org/support/users/layerthemes/)
 * (@layerthemes)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/modify-page-header-height/#post-6679407)
 * Hi
 * Can you please post your site address here?
 * Thnaks

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

The topic ‘Modify Page Header Height’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/optimizer/0.7.4/screenshot.png)
 * Optimizer
 * [Support Threads](https://wordpress.org/support/theme/optimizer/)
 * [Active Topics](https://wordpress.org/support/theme/optimizer/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/optimizer/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/optimizer/reviews/)

 * 8 replies
 * 4 participants
 * Last reply from: [OptimizerWP](https://wordpress.org/support/users/layerthemes/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/modify-page-header-height/#post-6679407)
 * Status: resolved