Change Body Width .. Thanks!

• 

  ezhvac · Member · Oct 7, 2016 at 5:47 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I need to make the body content to be wider on my website. Can someone please help me out?

  Thanks!!!

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

• 

  innisfreehomestead · Member · Oct 7, 2016 at 5:59 pm

  • Copy link

  Hello there!

  Are you referring just to the homepage or is it every page with content that you would like wider? Dropping this code in your custom CSS area should do the trick:

  /* Code for just the homepage */
  .front-block .front-block-inner, .front-block .hentry-inner .featured-page-content, .front-block.front-testimonials .front-block-title {
  	max-width: 900px;
  }
  
  /* Code for the inner pages */
  .inactive-sidebar.blog .site-main, .inactive-sidebar.archive .site-main, .inactive-sidebar.search .site-main, .inactive-sidebar.single .site-main, .inactive-sidebar.page.page-template-default .site-main, .inactive-sidebar.single #primary-header .container, .inactive-sidebar.page.page-template-default #primary-header .container {
  	max-width: 900px;
  }

  Let me know if that doesn’t work!
  Sage

• 

  ezhvac · Member · Oct 10, 2016 at 3:37 pm

  • Copy link

  Hi Sage,

  I have entered that code in my CSS for both my homepage and inner pages, and I do not see a change.

  Is there another code I can try?

• 

  innisfreehomestead · Member · Oct 10, 2016 at 6:45 pm

  • Copy link

  Hello there!

  I’m not seeing the code in there even to be overwritten, is it still in your custom CSS area?

  Thanks,
  Sage

• 

  ezhvac · Member · Oct 10, 2016 at 8:02 pm

  • Copy link

  Sage,

  Yes, it is in my custom CSS area. That is bizarre because I can see it. Are you viewing http://www.ezhvac.wordpress.com?

  Thanks,
  Christina

• 

  innisfreehomestead · Member · Oct 10, 2016 at 8:18 pm

  • Copy link

  Hi Christina,

  I’m definitely looking at that link. Are you paying for the premium WordPress plan? The custom CSS won’t show on the front of the site without it.

  Another way to test if the code is in the right area would be to put something like the code below and see if it changes the title of your site’s colour:

  .entry-title {
  	color: red !important;
  }

  Let me know what you find,
  Sage

• 

  ezhvac · Member · Oct 10, 2016 at 8:40 pm

  • Copy link

  Sage,

  I am paying for premium and have other codes in my CSS that are working.

  That second code also did not work.

  Thank you,
  Christina

• 

  innisfreehomestead · Member · Oct 10, 2016 at 8:43 pm

  • Copy link

  Hi Christina,

  That’s really strange, I’m not seeing the test code show up either. I’ll mark this with the modlook tag as they’ll be able to help troubleshoot the CSS better than I could.

  Sorry that it isn’t working!
  Sage

• 

  kathrynwp · Staff · Oct 10, 2016 at 9:34 pm

  • Copy link

  If you open your Customizer, you’ll see this toward the bottom of it:

  div#primary-header {
  	height: 100px;
  /* Code for just the homepage */
  }

  Looks like you accidentally put a CSS comment in the middle of an earlier piece of CSS, but you’re missing the CSS itself.

  Try removing this line from the above:

  /* Code for just the homepage */

  Then add this back at the bottom of the Customizer:

  /* Code for just the homepage */
  .front-block .front-block-inner, .front-block .hentry-inner .featured-page-content, .front-block.front-testimonials .front-block-title {
  	max-width: 900px;
  }

• 

  kathrynwp · Staff · Oct 10, 2016 at 9:34 pm

  • Copy link

  p.s. Sage, thanks for helping out in the CSS forums, it’s appreciated!

• 

  innisfreehomestead · Member · Oct 10, 2016 at 9:57 pm

  • Copy link

  @kathrynwp ^_^ My pleasure!