Edit the width of the content of my website

• 

  tecscampdev · Member · Oct 18, 2016 at 11:56 am

  • Copy link
  • Add topic to favorites

  Hi there,
  So I’m using the shoreditch theme on my website and I would like to edit so that the content on the pages is wider as there is a lot of blank space to the left and right.
  Firstly, If you go to my front page you can see that I am using the Panel Page template where the header images for those sub-pages are full width just fine, but the written content is in the centre and a bit too squished. Is there a way to widen this?
  Secondly, if you go to another page such as this one you can see the full page template is having the same issue that the written content is not as wide as I would like.
  Can someone help me out?

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

• 

  innisfreehomestead · Member · Oct 18, 2016 at 3:27 pm

  • Copy link

  Hello there!

  Dropping this code in your custom CSS area should do the trick:

  .entry-hero-wrapper, .hentry-wrapper, .site-content-wrapper, .site-footer-wrapper, .site-header-wrapper, .site-content-wrapper .has-post-thumbnail .entry-header-wrapper, .widget-area-wrapper {
  	max-width: 1024px;
  }

  Let me know if that doesn’t work!
  Sage