Change logo size in CSS, Penscratch Theme

• 

  lizzibrosseau · Member · Jan 7, 2015 at 5:45 am

  • Copy link
  • Add topic to favorites

  How to I change the size of my logo in the CSS on the Penscratch theme?

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

• 

  lizzibrosseau · Member · Jan 7, 2015 at 6:08 am

  • Copy link

  Clarification: not the image size. The size of the image in the css. I basically want the logo to be the size that the header is on the theme. But I want the image above my menu, and on this theme it places the header below the menu. No good. So I’m using a “logo” image rather than a header image, just because of placement. I’m guessing I need to adjust the logo size in the CSS.

• 

  roughingitinstyle · Member · Jan 7, 2015 at 9:10 pm

  • Copy link

  Funny… having the same problem. Found the CSS code for another theme, but can’t figure out how to write the code for Penscratch theme either. Help us! blog.roughingitinstyle.com

• 

  nizamilputra · Member · Jan 7, 2015 at 9:24 pm

  • Copy link

  Actually size of the logo on the top generated by php script, which has max-width 300px. We can adjust it via CSS but I’m afraid it makes the image blurry.

  .site-logo {
    max-height: none;
    width: 100%;
  }

• 

  kathrynwp · Staff · Jan 8, 2015 at 10:03 pm

  • Copy link

  nizamilputra is spot on – the site logo size is generated by the theme code, and while you can override it with CSS, the image becomes fuzzy so it’s not recommended.

  If you’re looking for a minimalist single-column theme that has the header above the menu, you might want to peek at Bosco or Kelly:

  https://boscodemo.wordpress.com/
  https://kellydemo.wordpress.com/

  You could tweak either with some custom CSS to look more like Penscratch. :-)