WordPress.org

Ready to get started?Download WordPress

Forums

Where to control the logo image size? (5 posts)

  1. cfm168
    Member
    Posted 2 years ago #

    I modified header with logo image.
    <?php bloginfo( 'name' ); ?> replaced by:
    <img src="/wp-content/themes/twentyeleven/images/my_logo.png" title="Home" alt="" />

    The logo size show up un-normal. How can I control the logo image size?

    I tried to change these on header/css style:
    #branding img {
    height: auto;
    margin-bottom: -7px;
    width: 100%;

    But the banner image also changed at same time as result.

  2. Aaron
    Member
    Posted 2 years ago #

    A link to your site would get a better answer...

    But to control the size you would need to edit or create a CSS class for the logo. Or change the actual image size.

  3. cfm168
    Member
    Posted 2 years ago #

    Thank you WP Bum.

    Can you advise how to edit or create a CSS to control the logo size?
    I'm not a good coder.

    Thanks in advance.

  4. Aaron
    Member
    Posted 2 years ago #

    If you post a link to your site I can.

  5. cfm168
    Member
    Posted 2 years ago #

    I got it. Work now by adding following codes:

    On header.php
    Replace <?php bloginfo( 'name' ); ?> by
    <img class="logo-image" src="http://mysite.com/wp-content/themes/twentyeleven/images/site_logo.png" alt="" />

    On =header / CSS
    Add this:
    #branding img.logo-image { width: 190px; }

    Thank you!

Topic Closed

This topic has been closed to new replies.

About this Topic