Make entire page wider (Penscratch theme)

• 

  majamalmcrona · Member · May 29, 2016 at 5:47 pm

  • Copy link
  • Add topic to favorites

  Hey you all beautiful people! :) :) :)

  I have a problem. I recently changed to the Penscratch theme and while I love it, there’s one downside: the page width. I want the entire content to be wider so that my images can be 900px instead of like 650 or whatever they are right now. I’ve been messing around with it but can’t seem to get it to work. Anyone out there got any clue?

  Thank you thank you thank you so much in advance!

  /Maja

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

• 

  michaelvandenberg · Member · May 30, 2016 at 8:38 am

  • Copy link

  Hi there,

  This should make your page wider:

  @media screen and (min-width: 55em) {
  	.no-sidebar .site {
  		max-width: 1116px;
  	}
  }

  You’ll also need to change the media width to 900px. You can do this underneath the text area where you do the CSS. :)

  Good luck!

  Best regards,

  Michael

• 

  majamalmcrona · Member · May 30, 2016 at 5:00 pm

  • Copy link

  PERFECT! Thank you so so so so so much Michael, you’re amazing!