Enlarging my Logo

rochellefleurfletcher · Member · Nov 12, 2015 at 7:10 pm
Copy link

Add topic to favorites
Hi I need help enlarging my logo on my website. My current logo fills the space that my theme allows but I need to make that larger through CSS (which I’ve never used before) so people can better see it. This is important because the name of my blog is inside of that logo. Please help! Thanks!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Nov 13, 2015 at 12:06 am
Copy link
Hi, go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS. What we are doing is to make the existing logo transparent and then adding the logo back in at a larger size. You can adjust the size of the logo by changing the value for the line-height.
```
.site-logo {
    opacity: 0;
}
.site-logo-link {
    background: transparent url("https://prettyyellowthings.files.wordpress.com/2015/11/logo-final.jpg") no-repeat scroll center top / contain ;
    display: block;
    line-height: 200px;
}
```
rochellefleurfletcher · Member · Nov 13, 2015 at 3:38 am
Copy link
THANK YOU!!!!!! I so very much appreciate it!
thesacredpath · Member · Nov 13, 2015 at 7:31 am
Copy link
You are welcome!!!!!!! :)
rochellefleurfletcher · Member · Nov 15, 2015 at 1:40 am
Copy link
I have another question. I want to add a yellow color to my widgets titles and menu bar only. My theme “veggie” wont allow me to do this. Is there a way to add color in these places?

Rochelle Fleur Fletcher
thesacredpath · Member · Nov 16, 2015 at 5:22 pm
Copy link
We can do that with the following CSS and you can edit the color as desired.
```
.primarymenu, #secondary .widget-title {
    background: #ffffbb;
}
```

No items found.