Title: Header Customization
Last modified: August 22, 2016

---

# Header Customization

 *  Resolved [Fitzerland](https://wordpress.org/support/users/fitzerland/)
 * (@fitzerland)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/)
 * Hi, I put an image on the header section, but now the image comes out very big
   and I would like help in editing it and making the header area smaller… and now
   I just updated the Theme to maidenhair.1.1.0.zip… and refreshed then I got the“
   Error establishing a database connection” error..

Viewing 15 replies - 1 through 15 (of 16 total)

1 [2](https://wordpress.org/support/topic/header-customization-4/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/header-customization-4/page/2/?output_format=md)

 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531104)
 * [@fitzerland](https://wordpress.org/support/users/fitzerland/): Hi, could you
   please post here a link to your website so I could view it to help you? The 1.1.0
   update contains only some changes in the translation files (added Italian translation
   and made some changes in the German translation), so if you can see some error,
   most probably it is a server issue not relating with the theme.
 * Best regards,
    Tomas Toman
 *  Thread Starter [Fitzerland](https://wordpress.org/support/users/fitzerland/)
 * (@fitzerland)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531220)
 * Hi thanks for replying.. I would really like my theme to look like the demo one,
   just different content.
 * the link is [http://ndlovuenkulu.co.za](http://ndlovuenkulu.co.za)
 * Regards
    Fitzerland
 *  Thread Starter [Fitzerland](https://wordpress.org/support/users/fitzerland/)
 * (@fitzerland)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531221)
 * If possible can you pls also chect the contact pop up form at the bottom rigt
   of the page, i would like to move it further to the right, just after the page
   container…here is my email address [info@hidesigns.co.za](https://wordpress.org/support/topic/header-customization-4/info@hidesigns.co.za?output_format=md)
   should you need the login details
 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531244)
 * [@fitzerland](https://wordpress.org/support/users/fitzerland/): Hi, to change
   the position of the pop up contact form, please insert the following CSS into“
   Theme Options > Other Settings > Custom CSS”:
 * `#wrapper #vc_control {right: 200px;}`
 * `#wrapper #vc_widget {right: 100px;}`
 * The first line is for the “Contact” button, the second one for the pop up form(
   just change both values according to your needs).
 * To reduce the height of the header area, please use the following Custom CSS:
 * `body .header-content {padding-top: 0; padding-bottom: 0;}`
 * Best regards,
    Tomas Toman
 *  Thread Starter [Fitzerland](https://wordpress.org/support/users/fitzerland/)
 * (@fitzerland)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531342)
 * Perfect, Thank you are the best… One other thing, how do i add the slider on 
   the header without removing the logo. A slider as a header background maybe..?
   or on the right side of the logo.
 *  Thread Starter [Fitzerland](https://wordpress.org/support/users/fitzerland/)
 * (@fitzerland)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531343)
 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531344)
 * The [header slideshow](http://maidenhair.tomastoman.com/) is supported only in
   the [Premium version](http://maidenhair.tomastoman.com/wp-content/themes/maidenhair/docs/documentation.html#homepage-slideshow).
 * In the Free version, I can recommend you to install the [Meta Slider](https://wordpress.org/plugins/ml-slider/)
   plugin and create a [child theme](http://codex.wordpress.org/Child_Themes). Just
   copy the original “header.php” template into your child theme’s folder, search
   here for the following code:
 * `<div class="header-image"><img src="<?php header_image(); ?>" alt="<?php bloginfo('
   name' ); ?>" /></div>`
 * and modify it in this way to display a slideshow at the place of the header image:
 * `<div class="header-image"><?php echo do_shortcode('[metaslider id=123]'); //
   replace 123 with your slideshow ID ?></div>`
 * Best regards,
    Tomas Toman
 *  Thread Starter [Fitzerland](https://wordpress.org/support/users/fitzerland/)
 * (@fitzerland)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531345)
 * Thaks for a quick reply….I would also like to exclude the contact widget just
   on the contact page, but have it on all the other pages.. is that possible?
 *  Thread Starter [Fitzerland](https://wordpress.org/support/users/fitzerland/)
 * (@fitzerland)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531346)
 * I edited this code in the child theme and nothing changed;
 * <?php if ( get_header_image() != ” ) { ?>
    <div class=”header-image”><?php echo
   do_shortcode(‘[metaslider id=67]’); ?></div> <?php } ?>
 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531347)
 * Please check the settings panel of the plugin which you use for displaying the
   contact widget. If there is no such option, the following CSS should hide it 
   on all pages except your “Contact us” page:
 *     ```
       #vc_control, #vc_widget {display: none !important;}
       html .page-id-105 #vc_control, html .page-id-105 #vc_widget {display: block !important;}
       ```
   
 * Best regards,
    Tomas Toman
 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531348)
 * If you have edited only the first appearance of the `<div class="header-image"
   >` element, the slideshow will be displayed only on your homepage. Just under
   it, there is also the code which generates the header image on all other pages:
 *     ```
       <?php if ( get_header_image() != '' && $maidenhair_options_db['maidenhair_display_header_image'] != 'Only on Homepage' ) { ?>
           <div class="header-image"><img src="<?php header_image(); ?>" alt="<?php bloginfo( 'name' ); ?>" /></div>
       <?php } ?>
       ```
   
 * Just edit this code in the same way to display the slideshow on all pages.
 * Best regards,
    Tomas Toman
 *  Thread Starter [Fitzerland](https://wordpress.org/support/users/fitzerland/)
 * (@fitzerland)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531352)
 * Ok, I created the child theme, did as u said;
    In the Free version, I can recommend
   you to install the Meta Slider plugin and create a child theme. Just copy the
   original “header.php” template into your child theme’s folder, search here for
   the following code:
 * <div class=”header-image”><img src=”<?php header_image(); ?>” alt=”<?php bloginfo(‘
   name’ ); ?>” /></div>
 * and modify it in this way to display a slideshow at the place of the header image:
 * <div class=”header-image”><?php echo do_shortcode(‘[metaslider id=123]’); // 
   replace 123 with your slideshow ID ?></div>
 * but now the slider is not where i want it to be(obove the 2nd menu, next to the
   logo) or as a background where the logo is (above the 2nd menu). right now it
   is below the menu.. i need it between the 2 menus.. and most of the things are
   re-arranged since i used the child theme.. like my background no longer shows..
 * and how do i check for the page ID again?
 * my url is [http://ndlovuenkulu.co.za/](http://ndlovuenkulu.co.za/)
 * Thanks in advance.
 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531353)
 * The background, menus and header image settings are saved separately for each
   theme, so once you activate a child theme, then you will need to set them again
   for the child theme.
 * To check for the page ID, please follow [these steps](https://www.ostraining.com/blog/wordpress/how-to-find-the-page-id-in-wordpress/).
 * To display the header slideshow next to the logo, please search for the following
   code in “header.php”:
 * `<div class="header-content">`
 * Just under it, place the following:
 * `<div class="header-slider"><?php echo do_shortcode('[metaslider id=67]'); ?>
   </div>`
 * Then, you will need to add some custom CSS to style the slideshow:
 * `.header-slider {position: absolute; top: 0; left: 0; z-index: -1;}`
 * (change the values “top” and “left” to get the slideshow to the desired location–
   maybe you will need to add also some additional CSS properties to style it according
   to your needs).
 * Best regards,
    Tomas Toman
 *  Thread Starter [Fitzerland](https://wordpress.org/support/users/fitzerland/)
 * (@fitzerland)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531412)
 * Hi, I put the code
    Just under it, place the following:
 * <div class=”header-slider”><?php echo do_shortcode(‘[metaslider id=67]’); ?></
   div>
 * then i could see the slider in that area I wanted. but now when I add this code
   
   Then, you will need to add some custom CSS to style the slideshow:
 * .header-slider {position: absolute; top: 0; left: 0; z-index: -1;}
 * the slider does not show..
 * Regards
 *  Theme Author [TT Themes](https://wordpress.org/support/users/tomastoman/)
 * (@tomastoman)
 * [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/#post-5531414)
 * Hi,
 * if the slider works well for you without the custom CSS, you can completely delete
   it. I posted it to show you how it could be possible to move the slideshow at
   the desired place in case that you are not satisfied how it is displayed by default.
   Or, please try to delete only the `z-index: -1;` declaration.
 * Best regards,
    Tomas Toman

Viewing 15 replies - 1 through 15 (of 16 total)

1 [2](https://wordpress.org/support/topic/header-customization-4/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/header-customization-4/page/2/?output_format=md)

The topic ‘Header Customization’ is closed to new replies.

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

 * 16 replies
 * 2 participants
 * Last reply from: [Fitzerland](https://wordpress.org/support/users/fitzerland/)
 * Last activity: [11 years, 5 months ago](https://wordpress.org/support/topic/header-customization-4/page/2/#post-5531415)
 * Status: resolved