Home > Logo width

Logo width

Home › Forums › GovIntranetters › Logo width

Viewing 3 reply threads
  • Author
    Posts
    • 25 Mar 2015 at 15:22 #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?

    • 30 Mar 2015 at 05:48 #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 🙂

      • 30 Mar 2015 at 14:04 #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.

    • 14 Apr 2015 at 15:17 #1749
      PamO
      Participant

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

    • 15 Apr 2015 at 16:29 #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;
      }

  • Author
    Posts
Viewing 3 reply threads
  • You must be logged in to reply to this topic.