Widen the text margins on post

• 

  designology15 · Member · Apr 29, 2015 at 4:22 pm

  • Copy link
  • Add topic to favorites

  I am trying to widen the margins where my text appears on my posts.

  You can take a look at the following link: http://designology.ie/2015/04/29/design-crush-april-and-the-bear/

  I just think it looks a bit too squashed in the centre, so if anyone could give me the code to widen it a bit that would be much appreciated.

  Thanks, Moya

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

• 

  staff-jeanpierreac · Staff · Apr 30, 2015 at 8:47 am

  • Copy link

  Hi, Moya.

  Your paragraphs have a 492px max width value and they are inside a .wrapper area. This .wrapper area has a max width of 724px and it is inside an area called #container with a max width of 900px.

  You can use bigger values for each of these three areas. Take into account that even if your paragraphs max-width is 2000px, your paragraphs will not be wider than their .wrapper, so you will need to change both three in a coordinated way.

  These are both three code fragments for paragraphs, wrapper and content with the current max-width values you could customize (make bigger) to fit your needs.

  .entry p, .entry ul, .entry ol, .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry > div, .entry pre, .entry table, .entry dl, .entry form, .entry address, .entry details, .entry footer.post-footer, #comments {
      max-width: 492px;
  }

  .wrapper, .page-wrapper {
      max-width: 724px;
  }

  #container {
        max-width: 900px;
  }

  I hope this helps you.

• 

  designology15 · Member · Apr 30, 2015 at 8:57 am

  • Copy link

  Hi Raulanton,

  That’s great thanks! Appreciate your help.

  Moya

• 

  staff-jeanpierreac · Staff · Apr 30, 2015 at 9:03 am

  • Copy link

  Hi Moya!

  Glad to read that!

  Enjoy blogging! :)