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

  • Copy link

  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.