Support » Fixing WordPress » Twenty Eleven theme – Resize custom logo

Viewing 5 replies - 1 through 5 (of 5 total)
  • if you have not already solved this, add this to the end of style.css (adjust the 300px to suit):

    #branding img { width: 300px; }


    This worked!

    A million thank you’s 🙂

    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:

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

    Thank in advice,

    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; }

    thanks @vtxyzzy now it works!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Twenty Eleven theme – Resize custom logo’ is closed to new replies.