CSS Logo Resizing

  • Author
    Posts
  • #1072119

    tarheel25
    Member

    http://www.summitlifesedona.com

    I want to make the logo larger which is located here:
    http://www.summitlifesedona.com/wp-content/themes/urbancity/images/logo.png

    Its currently set at 209px X 43px

    I see this in the css file for the header stuff:

    /* Header */
    #header {
    display:table;
    }
    #header .logo {
    margin-top:50px;
    margin-bottom:22px;
    }
    #header .logo a {
    float:left;
    background:url(images/logo.png) no-repeat;
    width:209px;
    height:43px;
    text-indent:-9999px;
    }
    #header .nav {
    margin:60px 0 64px;
    font-family:’Oswald’, Arial, sans-serif;
    font-size:20px;
    text-transform:uppercase;

    So say I want to make the image 350 x 72
    I make the modification to the image, upload and overwrite it on the server. Fine did that.

    I then take the css file and change the header logo part to this:

    #header .logo a {
    float:left;
    background:url(images/logo.png) no-repeat;
    width:350px;
    height:72px;
    text-indent:-9999px;

    I save the css upload and overwrite existing one to server.

    Now the image is getting cropped big time, getting cut off on the site.

    I dont see where else in header.php or css file to change anything else.

    Ideas???

    Thanks a lot.

    #1072218

    supportbot
    Member

    You did not specify a blog address or reason for posting when you created this topic.

    This support forum is for blogs hosted at WordPress.com. If your question is about a self-hosted WordPress blog then you’ll find help at the WordPress.org forums.

    If you don’t understand the difference between WordPress.com and WordPress.org, you may find this information helpful.

    If you forgot to include a link to your blog, you can reply and include it below. It’ll help people to answer your question.

    This is an automated message.

    #1072220

    timethief
    Member

    You are posting to the wrong support forum. We cannot help you here at WordPress.com with that site as it is not being hosted by WordPress.com and we run on different software. This is the correct forum for your software http://wordpress.ORG/support/ If you have not registered a WordPress.org username account yet you can do so on the top right hand corner of the page I just linked to so you can post to those support forums.
    WordPress.com vs WordPress.org: The Differences
    http://support.wordpress.com/com-vs-org/
    Best wishes with your site.

The topic ‘CSS Logo Resizing’ is closed to new replies.