[Simon]

Hi

I want my logo to fill the header.

http://www.greatoaks.it

I have the image at size 1038 x 148 and I want the header to be that size too with no white border around it.

I have search disabled and show image only.

What should I do?

[Theme Horse Support Team]

Hi Simon,

If you want to display full size with no header border around it then you may use default header options from dashboard-> appearance-> header
View this screenshot for more refrence
http://awesomescreenshot.com/0cd4co2k8a
Then your header image will be displayed in full width.

Thank you!

[Simon]

Hi

Thanks, yes I knew I could do that, so have changed as you have said. However displaying the header this way leaves a boarder at the top.
How do I remove that?

Thanks

[Theme Horse Support Team]

Hi Simon,

Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#site-logo {
margin-top: 0px;
}
.hgroup-wrap {
 padding-top: 0px;
 padding-bottom: 0px;
}

This may help you

Thank you!

[Simon]

Great thanks that worked

[Theme Horse Support Team]

You Welcome Simon

Thank you!

[Urs]

Hi there at Theme Horse,

i choosed that code-snippet – works great. But now i do have two further issues:
1st: is it possible to remove that little space at the top via custom css?
2nd: is it possible to make the full header logo clickable an linked to the main startpage?

Thanks for helping me out!

[Theme Horse Support Team]

Hi Urs,

1st: is it possible to remove that little space at the top via custom css?
==> Which space do you want to remove? Could you make it more clear and also provide site url too.

2nd: is it possible to make the full header logo clickable an linked to the main startpage?
==> yes you can but you have to customize the code. The file is inside theme folder(attitude-pro)-> library-> structure-> header-extension.php on line no 205 and you will find this below code.

<?php $header_image = get_header_image();
			if( !empty( $header_image ) ) :?>
				<img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
			<?php endif; ?>	

and remove this above code with this below code
<?php $header_image = get_header_image();

			if( !empty( $header_image ) ) :?>
				<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>"> </a>
			<?php endif; ?>	

Before making any changes in the code first create a child theme to be safe from you customized code loss while updating to our new version.

Thank you!

[ciaranhyde]

HI

I am also having a problem with the header. I have a custom header which is the required height (250px) when I uploaded it there was a large white space at the top (above the header) so I used this code to remove padding:

#site-logo {
margin-top: 0px;
}
.hgroup-wrap {
padding-top: 0px;
padding-bottom: 0px;
}

However, while this did reduce the size of the white space at the top it did not eliminate it totally and so I now still have white space at the top? Is there another fix for this? Please see http://www.fionabrennanhypnotherapy.com

[Theme Horse Support Team]

Hi ciaranhyde,
Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

#branding, 
.hgroup-right {
margin-top: 0;
}

Thank you!

[Urs]

absolutely great – that is exactly the solution i ve been looking for – thanks a lot!

[Theme Horse Support Team]

You welcome Urs

Thank you!

[Urs]

Hi there at theme horse!

i’ve got another issue: i tried to translate the theme to german with a little help from poEdit, a nice software tool that extracts the phrases and generates a “de.po” and a “de.mo” file. But i have no idea, into wich directory to put them. Or do i have to modify the “attitude-pro.pot” file?!

Any idea? Would be great after a nearly sleepless night … 🙂 but perhaps i am just to “newbie” 🙂

[Theme Horse Support Team]

Hi Urs,

You just need to add this .po and .mo file inside language folder which is inside theme folder -> library -> languages and add your file. Doing this while updating to new version your new added language file will be lost and you need to add it again and again. So you better make a child theme and add your language file.

And goto the root of the wordpress there is wp-config.php file. open it and add this following code

define ('WPLANG', 'de_DE');

Hope this may help you
Thank you!

[Author]

Posts