Skip to content Skip to main menu Skip to utility menu

Logo width

Home Forums GovIntranetters Logo width

This topic contains 4 replies, has 3 voices, and was last updated by  Luke Oatham 2 years, 4 months ago.

  • Author
    Posts
  • #1737

    PamO
    Participant

    We are trying to use a large logo but the logo is cut off to the left of the screen despite adjusting height and width in css. It the length is restricted somehow. How can I change this to accommodate a 90px x 220px logo?

  • #1741

    adbutt
    Participant

    Hey PamO,

    modify the header.php as follows (around line 254):
    //write custom css for logo
    `$gisid = get_option(‘options_header_logo’);
    $gislogow = wp_get_attachment_image_src( $gisid, ‘full’);
    $gislogo = $gislogow[0] ;
    $gisw = $gislogow[1] + 10;
    echo ”
    #crownlink {
    background: url(‘”.$gislogo.”‘) no-repeat;
    background-position:left 10px;
    padding: 16px 0 0 “.$gisw.”px;
    height: auto;
    min-height: 90px;
    margin-bottom: 0.6em;
    }
    “;`

    add ,’full’ in between the brackets on the line that starts $gislogow… this ensures that wp uses the full image size rather than a cropped thumbnail.

    modify the min-height to read min-height:90px;

    see how you go 🙂

    • #1745

      PamO
      Participant

      Hi adbutt
      Thanks for your reply. Unfortunately when I write full between the brackets the logo disappears off the screen.

      Now that I know I’m in the right file, I’ll play around until I break something or make it work.

      Thanks.

  • #1749

    PamO
    Participant

    I still haven’t’ had any luck with this. Can someone point me in the right direction?

  • #1750

    Luke Oatham
    Keymaster

    There’s an area in the Options, Style tab for custom CSS. If you change the header.php file, you risk it being overwritten by future theme updates.

    You can try pasting the following into the Custom CSS area and changing the numbers to position and give space to your logo:

    #crownlogo {
    padding-top: 17px !important;
    }
    #crownlink {
    padding: 20px 0 0 60px !important;
    min-height: 60px !important;
    }

You must be logged in to reply to this topic.