Need help? Check out our Support site, then


how do you centre just the main content on confit theme?

  1. societywebsite
    Member

    hi there
    how do you centre just the main content on confit theme?
    please can someone help with the css?
    i asked here - http://en.forums.wordpress.com/topic/how-to-centralize-content-in-confit-theme-with-css?replies=4
    but this moved the left hand bar as well which i don't want to do.

    many thanks

    The blog I need help with is societywebsiteconfit.wordpress.com.

  2. If you grab the right edge of your browser window and narrow it down, you will see that the theme you are using adjusts for the size of the browser window. Confit is a responsive design that adapts to the size of the browser window/screen it is being viewed on. This makes it difficult to "center" the content in the black area since the width of the black area depends on how wide the browser window/screen is.

    It may be that it could be centered to where it would adjust with the width of the screen, but then on very wide monitors, you would end up with a large gap between the sidebar and the content. This would all have to be done quite carefully to keep the responsive design working correctly and not have it blow up on smartphones.

  3. Hello,

    You can use the information below. Edit the '800px' for the article and footer to change the size of the content

    #wrapper {
        max-width: 100%;
    }
    .site-content article {
        max-width: 800px;
    }
    .site-footer {
        max-width: 800px;
    }
  4. societywebsite
    Member

    excellent cheers john

  5. Anytime!

  6. Resize the browser window, as TSP suggested, to see if this is excellent.

Topic Closed

This topic has been closed to new replies.

About this Topic