Full page image?

• 

  lifestylehqblog · Member · May 6, 2016 at 9:19 pm

  • Copy link
  • Add topic to favorites

  How can I make my descriptions and images of my blog posts go across the whole width of the page? I don’t understand any of the coding stuff so would anyone be able to walk me through it?

  PLEASE!?

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

• 

  thesacredpath · Member · May 6, 2016 at 10:21 pm

  • Copy link

  Hi there, We can widen the content area with custom CSS, but I’ll first offer this for consideration. With text content, it is best to keep it between 500 and 750 pixels in width for readability reasons. Any wider than that and it becomes more difficult for visitors to move accurately from one line to the next. right now the text content on your main page is about 770px in width.

  To do this, you would need the WordPress.com Premium Plan upgrade, which includes Custom Design and the ability to add custom CSS. You can try out and preview custom CSS before you buy as explained here. This would be the code you would need to add.

  .no-sidebar .site {
      max-width: 1442px;
      width: 100%;
  }
  .featured-image img {
      max-width: 99.9%;
      width: 100%;
  }

  The original width on pages without sidebars is 1142px. The actual content width is narrower than that due to left and right padding. It measured out at about 750px.
  If you choose to get the upgrade and add the code above, you would also want to add 400 to the Media Width listed below the CSS entry area. It’s 683, so you would add 400 to that and enter 1083.