WordPress.org

Ready to get started?Download WordPress

Forums

Add logo and change css property (5 posts)

  1. neronix
    Member
    Posted 1 year ago #

    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 80x80 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>
    ....................
  2. udaraaka
    Member
    Posted 1 year ago #

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

  3. neronix
    Member
    Posted 1 year ago #

    I am running website locally.

  4. udaraaka
    Member
    Posted 1 year ago #

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

  5. alchymyth
    The Sweeper & Moderator
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic