WordPress.org

Ready to get started?Download WordPress

Forums

CSS Logo Resizing (4 posts)

  1. Tarheel25
    Member
    Posted 1 year ago #

    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:
    [ Moderator note: when sharing code examples, please wrap the code in backticks or use the code button. ]

    /* 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.

  2. zex2911
    Member
    Posted 1 year ago #

    Try changing "#header .logo a" size in your theme/lib/scripts/scheme.php, on line 5. That should do it

  3. Tarheel25
    Member
    Posted 1 year ago #

    Thanks here is what i see there:

    [ Moderator note: when sharing code examples, please wrap the code in backticks or use the code button. ]

    #header .logo a {
    <?php if($ct_logo): ?>
    	background:url(<?php echo $ct_logo; ?>) no-repeat;
    <?php endif; ?>
    	width:<?php echo $ct_logo_width; ?>px;
    	height:<?php echo $ct_logo_height; ?>px;
    }
  4. zex2911
    Member
    Posted 1 year ago #

    I just downloaded your theme, you should have 'theme options' in your dashboard. There you can change the logo, width, height, and few more things. If you don't have theme options send me screenshot of your dashboard. :)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags