Need help? Check out our Support site, then


Confit Theme - Increasing The Content Area

  1. 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 mocoscribe.wordpress.com.

  2. 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: http://en.forums.wordpress.com/forum/css-customization

    I hope this helps!

  3. 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

  4. 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! :)

  5. 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

  6. 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!

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.