Resizing logo – any suggestions for CSS? Radiate Theme
-
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)
-
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.
-
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; }
- The topic ‘Resizing logo – any suggestions for CSS? Radiate Theme’ is closed to new replies.