Resizing logo – any suggestions for CSS? Radiate Theme

• 

  crayola1207 · Member · Aug 12, 2016 at 6:53 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I currently need assistance adjusting the logo size at the top right corner for the RADIATE theme – I have used various to maximum file sizes for this part of the template. Is there a method I can adjust via CSS?

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Aug 15, 2016 at 7:20 pm

  • Copy link

  Hi there, working with the image you have, which is only 80px tall, we can’t do a lot, but give the following a try, which increases it some. What I have done is to take the original image and put it into a different element as a background and then hidden the original logo that you had inserted. The way I’ve done this, it still links back to your home page. See what you think with this. If you want to enlarge it some more, create that image at a larger size, and crop it tight on all sides and we should be able to get it larger still. Upload that one to your media library and then post the URL of that new image.

• 

  thesacredpath · Member · Aug 15, 2016 at 7:21 pm

  • Copy link

  Oops, I forget the code for you.

  .site-branding .site-logo-link {
      background-image: url("https://gluetocom.files.wordpress.com/2016/07/glue-logo-60x240.jpg");
      background-repeat: no-repeat;
      height: 80px;
  }
  .site-branding .site-logo {
      visibility: hidden;
  }
  .site-logo-link {
  	display: block;
  }