[resolved] Twenty Eleven theme - Resize custom logo (6 posts)

  1. remstar
    Posted 4 years ago #


    Can someone advise me (simply) how to resize a custom logo in the twenty eleven theme please?

    I've managed to insert it but it is stretched and oversized.
    I have a child theme installed.

    Desperately need help.

    Can be found here, thank you

  2. vtxyzzy
    Posted 4 years ago #

    if you have not already solved this, add this to the end of style.css (adjust the 300px to suit):

    #branding img { width: 300px; }

  3. remstar
    Posted 4 years ago #


    This worked!

    A million thank you's :)

  4. simbian
    Posted 4 years ago #

    I have the same problem but no way to solve it...

    here is the css i used:

    #branding img {

    and the modified header.php:

    <header id="branding" role="banner">
    				<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span><span><img src="<?php bloginfo('template_url'); ?>/images/Logo_Lav.jpg" alt="Logo" width="256" height="127"/></span></h1>
    				<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>

    the site looks like that: http://www.lavanderiasenigalliese.it/

    I wanna have the logo at the exact size 256x127 and centered between site title and search box.

    Thank in advice,

  5. vtxyzzy
    Posted 4 years ago #

    The problem is that you have 2 images under #branding. Take out the code you have for #branding and add this to the bottom of style.css:

    #branding #site-title img {height: 176px; width: 256px; margin: -55px 0 0 400px; }

    If that does not do what you want, try adding this:

    #branding img { width: 1000px; height: 288px; margin-top: -55px; }

  6. simbian
    Posted 4 years ago #

    thanks @vtxyzzy now it works!

Topic Closed

This topic has been closed to new replies.

About this Topic