Pique Theme Logo Dimensions

avir0se · Member · Nov 19, 2017 at 9:50 pm
Copy link

Add topic to favorites
This is my first attempt to work with CSS (and anything website related!) so please forgive my ignorance. I’ve looked at several threads to understand why I cannot get my logo larger on my front page. I was able to copy some CSS code and stumbled into where to put it; and I was able to get the width of my logo to grow, but the height is still at 100.

I included the size I’d like the logo to appear as an image in the page- but I really want it to go above my title and be at the top of the page where there is now a squished logo.

Is it even possible to change the height dimension of the logo on a wordpress.com account with a premium membership? I upgraded to a premium account in order to customize the CSS to get my logo to pop and am holding my breath to find out if its even possible to do. It would seem it should be, because when looking at the Pique theme demo/adv. page there is clearly an image that is larger than 100×100 being used where the logo goes- I just can’t figure out how to get mine that way.

Thanks for your guidance and clarity!

The blog I need help with is: (visible only to logged in users)
wdn2020 · Member · Nov 20, 2017 at 3:31 am
Copy link
Please make site available so we can help you. It is marked as private.
thesacredpath · Member · Nov 20, 2017 at 11:28 pm
Copy link
Hi there, you are close on the logo, but we need to make a couple of minor changes to it. Replace what you have now with the following and see what you think.
```
.site-branding .site-logo-link img {
 max-width:300px;
 max-height: 100%;
}
```
avir0se · Member · Nov 22, 2017 at 6:35 pm
Copy link
Thank you for this!

I think I made it public (thanks wdn2020) and I added the replacement CSS for the logo you offered (Thanks thesacredpath!) but it is still not quite the size I was hoping for- though its SO much better.

Is it possible to be as large as the image I have embedded below it?
Thanks again!
thesacredpath · Member · Nov 22, 2017 at 10:29 pm
Copy link
Yeah, we can do that. I didn’t know how wide you were wanting it. Replace the previous code with this.
```
.site-branding .site-logo-link img {
  max-width:300px;
  width: 300px;
  max-height:100%;
}
```
avir0se · Member · Nov 23, 2017 at 1:06 am
Copy link
You are brilliant! Thank you for this!!
thesacredpath · Member · Nov 23, 2017 at 8:12 am
Copy link
You are welcome, and thanks. :)

No items found.