modify content width for ONE page (not global)

• 

  cheryllantz · Member · Mar 19, 2012 at 9:28 pm

  • Copy link
  • Add topic to favorites

  Working with Contempt theme & Custom CSS. I’ve used the following CSS to increase the content width on my pages globally:

  #content {
  width:650px;
  }

  How can I make an exception to this CSS rule? I’d like the Blog page to have standard width (not 650px)

  Thank you,
  Cheryl

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

• 

  designsimply · Member · Mar 28, 2012 at 3:09 pm

  • Copy link

  I checked the original stylesheet for the Contempt theme, and I found that the width for the content area is normally 450px. See https://s-ssl.wordpress.com/wp-content/themes/pub/contempt/style.css?m=1354395942g&minify=false

  If you have added CSS like this on your Appearance → Custom Design → CSS page to adjust the width to 650px throughout the whole site:

  #content {
  width:650px;
  }

  The you can override that just on the blog page with CSS like this:

  .blog #content {
  width: 450px;
  }

  Adjust the width number as necessary. Note that this CSS is specific to the Contempt theme.