I would like to widen the blog column in the Forever theme.

• 

  mamabrooks · Member · Feb 22, 2015 at 8:22 pm

  • Copy link
  • Add topic to favorites

  Hello, I have the Forever theme (created my blog in 2013) and I would like to widen the center column, where the content is. I looked up another forum discussion on this and it said to add the following to my CSS editor, but when I tried it did not work.

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

  .site {
  background-color: rgb(255,255,255);
  max-width: 100%;
  position: relative;
  margin: auto;
  }

  Please let me know what I need to do.

  Thanks!

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

• 

  lizthefair · Member · Feb 23, 2015 at 3:01 pm

  • Copy link

  Hi there,

  You have a self-hosted site, so I can’t test this as throughly as I could a site hosted here, but the first thing to try is just increasing the width of your entire content area. Here’s the code you need to do that:

  #page{
       width: 1200px;
  }

  that increases the total width of your content area which means your sidebar gets a little bigger too. If you’d rather have your sidebar stay about the same as it was before, let me know and I’ll give you another piece of code.

  I looked up another forum discussion on this and it said to add the following to my CSS editor, but when I tried it did not work.

  that’s pretty common. CSS selectors are theme specific so the code you need for one site, isn’t the same as the code you need for another (unless they happen to be using the same theme).

• 

  mamabrooks · Member · Feb 23, 2015 at 4:23 pm

  • Copy link

  Thanks so much Liz! That worked! But is there also a way I can keep the text centered? Do you have a code I can try for that? Also, while I have you, is there a way to increase my image size? I am not sure what to enter in for the max limit according to my theme. Thanks again!

• 

  lizthefair · Member · Feb 23, 2015 at 5:06 pm

  • Copy link

  try this:

  #content{
  max-width: 860px;
  }

  That might take care of the images too. Give that a shot and we’ll see where we are.

• 

  mamabrooks · Member · Feb 23, 2015 at 5:13 pm

  • Copy link

  This worked! Thanks so much! One last question for you. :) Is there a way to center the text in alignment with the image width? I don’t want the text itself centered…still left aligned, but aligned within the margins of the images. Please let me know, thanks!

• 

  lizthefair · Member · Feb 23, 2015 at 9:10 pm

  • Copy link

  This one is a little trickier. See if this works for you.

  .entry-content img {
      width: 98%;
  }