Make the text wider

• 

  vladyslavkoshelyev · Member · Jan 12, 2024 at 11:00 pm

  • Copy link
  • Add topic to favorites

  Hello! I’m building this website using the Ardent theme https://yellowredorg.wpcomstaging.com/

  I like it a lot but I find the text to narrow and the margins on the left and right too wide. How can I reduce/remove the margins and make the text wider? I’ve tried a bunch of custom CSS from this forum but nothing worked so far.

  Thanks a lot for any help!

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

• 

  vladyslavkoshelyev · Member · Jan 17, 2024 at 9:35 pm

  • Copy link

  Any help, please? Thank you!

• 

  staff-totoro · Staff · Jan 27, 2024 at 9:50 pm

  • Copy link

  Hi there,

  You can make the width of your page content area wider here, under the Additional CSS tab on the left:
  https://wordpress.com/customize/

  When you get there you will see a text box with some text in it. Create a new (blank) line, and paste in the following custom CSS code

  Here is the code you will need:

  .single-jetpack-portfolio .entry-header, .page-header, .single-jetpack-portfolio .entry-content, .page-content, .page .entry-meta, .single-jetpack-portfolio .entry-meta, .comments-area, .post-navigation, .posts-navigation {
       width: 1200px;
  }

  I’ve chosen 1200px at random but you can edit that value to arrive at the width you feel is best.

  Hope that helps. Please let us know if you have any more questions.