Changing text content width

• 

  evetslefurac · Member · Nov 28, 2014 at 3:19 am

  • Copy link
  • Add topic to favorites

  Hi,

  I’m having a blog with the Twenty Fourteen theme. I find that the allowed space for the main text area sucks. I have been trying to change that for hours either by HTML in the blog post or in the CSS and I did not achieve much. My blog is evetslefurac.wordpress.com.

  That this post for example ( https://evetslefurac.wordpress.com/2014/04/25/lagora-a-lere-dinternet/ ). See, the default text width of this theme is 474 px large. I would like first to enlarge it to about 750 px, plus I would like the main text to be on the left rather than in the middle of the web page (way closer to the left column). I found a way to enlarge the text width to 750 by entering this within my post:

  <div style=”width:800px;”>
  (text)
  </div>

  But I could not find a way to just put the text more on the left of the page, way closer to the left column. I did the Inspect Element + CSS Customization thing but never found which part to modify in the CSS because the part to be copied and pasted cannot be found.

  So, is there a remedy for all this? Either with CSS Customization or HTML in each blog post?

  Thank you very much, I am loosing patience badly.

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

• 

  thesacredpath · Member · Dec 1, 2014 at 1:18 am

  • Copy link

  The CSS is limiting the divs that are placed within. You have to widen the site content area, as you have done with the following code you have now in your custom CSS:

  .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
      margin: 0 auto;
      max-width: 700px;
  }

  The margin setting you have is being overridden by other CSS with a different selector in the original CSS, but you can force that to be applied by adding the !important keyword to the margin declaration, such as this:
  margin: 0 auto !important;