Confit Theme – Increasing The Content Area

• 

  mocoemporium · Member · Jul 6, 2013 at 11:45 am

  • Copy link
  • Add topic to favorites

  Hi, I’m using the Confit theme which I really like but would like to increase the width of the content area. I want to increase the width for non mobile devices only as the mobile set up looks great. As I am not familiar with CSS but have a CSS upgrade what do I need to write so that the content area can be increased but the responsive style remains the same?

  The blog is mocoscribe.wordpress.com

  Thanks

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

• 

  rachelmcr · Member · Jul 8, 2013 at 9:13 am

  • Copy link

  Hi there,

  You are using the mobile theme for mobile devices, so you don’t need to worry about the mobile setup — your blog’s custom CSS won’t be included in the theme that shows up on mobile devices unless you choose to have it used there.

  In the Confit theme, you can control the maximum width of the content area by changing this CSS:

  #wrapper {
  max-width: 954px;
  }

  The code above is the current setting. You can change the number of pixels in that code to make the maximum width as big as you’d like. If you want it to be as wide as possible in any browser size, you can change it to 100% like this:

  #wrapper {
  max-width: 100%;
  }

  You may also want to take a look at our information about CSS at these links:

  CSS Basics
  Editing CSS

  If you have any other questions about customizing your blog, most of our CSS support is done in our community forums by both staff and volunteers:
  https://en.forums.wordpress.com/forum/css-customization

  I hope this helps!

• 

  mocoemporium · Member · Jul 9, 2013 at 9:20 am

  • Copy link

  Thanks very much for your reply Rachel.

  I’m assuming that if I increase the width by a 3rd (to say 1200px) then this % increase will apply across all browsers?

  Thanks again

• 

  rachelmcr · Member · Jul 9, 2013 at 10:20 am

  • Copy link

  Yes – If you increase the pixel width, it will apply across all browsers (except on mobile devices, which rely on the mobile theme). If you have any other questions about that, let me know! :)

• 

  mocoemporium · Member · Jul 9, 2013 at 8:00 pm

  • Copy link

  I’ve increased the width and this code worked well, allowing me to preview the changes. But now any text that was centred is now off centre how can I rectify this now that the width centre has changed?

  Thanks

• 

  rachelmcr · Member · Jul 10, 2013 at 7:56 am

  • Copy link

  I took a look at your blog and didn’t see any problems with centered text. Can you give me a link to a post or page where this is an issue? I’d be happy to take another look!