Make logo bigger – Change hover color

ericalexxander · Member · Mar 24, 2017 at 4:49 pm
Copy link

Add topic to favorites
Id like to make my logo bigger in the header on the screen, I wold also like the hover color to be purple rather than grey. How do I do this?

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

thesacredpath · Member · Mar 24, 2017 at 10:10 pm

Hi there, I’m having a bit of a problem getting the logo to enlarge, but to get you started, the following will get you the purple logo from your media library.

.site-logo-link:hover, .site-logo-link:focus, .site-logo-link:active {
	background: url('https://swettmusic.files.wordpress.com/2017/03/eam-black-purple.png') no-repeat scroll center center / contain;
	display: block;

}
.site-logo-link:hover img, .site-logo-link:hover img, .site-logo-link:hover img {
	visibility: hidden !important;
	opacity: 1;
}

I’ll keep working on enlarging the image.

samanthakennedyphotography · Member · Mar 26, 2017 at 6:34 pm
Copy link
I am using Blask as my theme and I added my logo but it looks very small compared to the rest of the site. Is there any way to make it look larger than it does? http://www.samanthakennedyphotography.com if you need to see what it looks like.

Thank you!
thesacredpath · Member · Mar 27, 2017 at 9:19 pm
Copy link
Hi @samanthakennedyphotography, since you are using a different theme, and since CSS is generally theme specific, can I ask you to create a new thread in the CSS Forum? Many thanks in advance.

The topic ‘Make logo bigger – Change hover color’ is closed to new replies.

WordPress.com forums

Make logo bigger – Change hover color