Add logo and change css property

  • I have managed to add logo in my Twenty Eleven child theme but I having trouble controlling its css property. The logo appearts really big. I have scaled to image to size 80×80 px but this dint help. I dont know which part of css to edit and what to add. I want logo align with contents of my page with no white space on top or bottom. I would also want to put search, facebook, twitter button on the right of logo. please help.

    <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"><img src="<?php echo bloginfo('stylesheet_directory');?>/images/logo.jpg" alt="<?php bloginfo( 'name' ); ?>"/></a></span></h1>
			</hgroup>
....................
Viewing 4 replies - 1 through 4 (of 4 total)

  • Please post a link to your website so I can help you.

    Thread Starter neronix

    (@neronix)

    I am running website locally.

    Sorry but I can’t help you cos I can’t see page design. Have a nice day!!!!!

    all images in the header are automatically scaled to 100%;
    try to add a css id to the logo image and change the style for it;
    example:

    <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img id="logo-image" src="<?php echo bloginfo('stylesheet_directory');?>/images/logo.jpg" alt="<?php bloginfo( 'name' ); ?>"/></a></span></h1>

    and add to style.css of your child theme:

    img#logo-image { width: auto; }
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Add logo and change css property’ is closed to new replies.