badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

Full header logo

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #21646
    Simon
    Participant

    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?

    #21662

    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!

    #21667
    Simon
    Participant

    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

    #21677

    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!

    #21678
    Simon
    Participant

    Great thanks that worked

    #21680

    You Welcome Simon

    Thank you!

    #22625
    Urs
    Participant

    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!

    #22637

    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!

    #24236
    ciaranhyde
    Participant

    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

    #24271

    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!

    #24699
    Urs
    Participant

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

    #24708

    You welcome Urs

    Thank you!

    #26926
    Urs
    Participant

    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” 🙂

    #26958

    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!

Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.