Title: Customizing header image
Last modified: September 1, 2016

---

# Customizing header image

 *  Resolved [kadbar](https://wordpress.org/support/users/kadbar/)
 * (@kadbar)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/customizing-header-image-2/)
 * I want to customize the header image. I want to make it smaller and modify the
   layout a bit. Are there any ways to do it?
    My site’s url is [ I want it to look like [this](http://bp-busz.square7.ch/PC/K%e9perny%f5felv%e9tel%20(1).png), to
   have these margins and paddings circled [here, ](http://bp-busz.square7.ch/PC/K%e9perny%f5felv%e9tel%20(2).png)and 
   I don’t know how to modify them, because they aren’t in style.css, and dreamweaver
   can’t modify them, it says “read only”.
 * Please help me to customize it!

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

 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/customizing-header-image-2/#post-7691758)
 * [@kadbar](https://wordpress.org/support/users/kadbar/): The padding that you 
   circled is automatically added by the theme’s JavaScript and the value is dynamically
   created based on the size of your header image.
 * You will need to use some custom CSS in order to override it:
 *     ```
       @media screen and (min-width: 1230px) {
           body.hero-image .hero.without-featured-image {
               padding-top: 15px !important;
               padding-bottom: 15px;
           }
       }
       ```
   
 * The use of **!important** is not considered best practise and should only be 
   used when you need to override [inline styling](http://www.howtocreate.co.uk/tutorials/css/inline),
   such as the value for **padding-top** that’s added by the theme.
 * **As an extra note:** Please do not edit your theme’s files directly. Any changes
   you make there will be lost when it comes time to update.
 * To add custom CSS: Firstly [set up a child theme](https://codex.wordpress.org/Child_Themes)
   or [activate a custom CSS plugin](https://wordpress.org/plugins/search.php?q=custom+css).(
   If you have [Jetpack](https://jetpack.com) installed then you can activate [its custom CSS module](https://jetpack.com/support/custom-css/).)
 * Let me know how you get on with that or if you have any extra questions.
 *  Thread Starter [kadbar](https://wordpress.org/support/users/kadbar/)
 * (@kadbar)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/customizing-header-image-2/#post-7691767)
 * Thanks a lot of. I have done what I wanted to, my only problem now is that box-
   like borders appeared in dropdown menus, when I added this to Custom CSS:
 *     ```
       .main-navigation ul {
       		margin-left: -36px;
       		width: 780px;
       	}
       ```
   
 *  Thread Starter [kadbar](https://wordpress.org/support/users/kadbar/)
 * (@kadbar)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/customizing-header-image-2/#post-7691768)
 * I’ve managed to solve the problem by adding this in Custom CSS:
 *     ```
       .menu-primary .sub-menu.toggle-on {
       		width: 246px;
       	}
       ```
   
 *  [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * (@siobhyb)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/customizing-header-image-2/#post-7691782)
 * I’m glad that you got your site looking as you’d like it to.
 * The use of negative values for margin or padding isn’t considered good practise
   and can sometime cause layout issues on older browsers or mobile.
 * If you can clarify what you were hoping to achieve with the above snippet, maybe
   I can help with a different approach.

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

The topic ‘Customizing header image’ is closed to new replies.

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

## Tags

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

 * 4 replies
 * 2 participants
 * Last reply from: [Siobhan](https://wordpress.org/support/users/siobhyb/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/customizing-header-image-2/#post-7691782)
 * Status: resolved