• Resolved remstar

    (@remstar)


    Hi

    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

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

    Thread Starter remstar

    (@remstar)

    Fabulous!

    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 {
    height:127px;
    width:256px;
    }

    and the modified header.php:

    <header id="branding" role="banner">
    			<hgroup>
    				<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>
    			</hgroup>

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

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

    Thank in advice,
    Simone

    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.