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

societywebsite · Member · Mar 28, 2013 at 4:34 pm
Copy link

Add topic to favorites
hi there
how do you centre just the main content on confit theme?
please can someone help with the css?
i asked here – https://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: (visible only to logged in users)
thesacredpath · Member · Mar 29, 2013 at 1:15 am
Copy link
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.
johndcoy · Staff · Mar 29, 2013 at 1:23 am
Copy link
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;
}
```
societywebsite · Member · Mar 30, 2013 at 9:39 pm
Copy link
excellent cheers john
johndcoy · Staff · Mar 30, 2013 at 11:53 pm
Copy link
Anytime!
justpi · Member · Mar 31, 2013 at 3:46 am
Copy link
Resize the browser window, as TSP suggested, to see if this is excellent.

No items found.