Center wrap – PROSE

[Eva Lim]

Hi! I like all my website content to be centered on the page.
I've added a width value to #wrap like below but doesn't seem to work. Help!

#wrap {
width: 940x;
margin: 0 auto;
}

I even tried to add !important but still it doesn't work.
Thanks for any suggestions out there.

[asterbird]

what about #wrap { text-align: center; }

If that doesn't work, can you add a link to your page when you reply?

[Eva Lim]

Thanks, your suggestion didn't work but did helped me to troubleshoot.
Instead of #wrap, I used body.single instead which works. So basically :

body.single {
width: 940px;
margin: 0 auto;
}

[asterbird]

Oh, glad you found something that worked. 🙂 you can mark this as resolved then

[Eva Lim]

Oh I just found out I need to add more classes to cover all the pages in my website so

body.home, body.single, body.page, body.archive {
width: 940px;
margin: 0 auto;
}

I may be missing out on other body classes but this seems to work for now.

[asterbird]

only others I can think of are body.blog for blog pages, body.archive for CPT archives, not sure what search, category, and tag pages are.

[Eva Lim]

Unfortunately I just noticed that using body classes seem to prevent the responsive layout from working well, but maybe this problem belongs in another thread.

[Author]

Posts