Topic: Changing Widths · BuddyPress.org

Skip to:: Content; Pages; Categories; Search; Top; Bottom

Changing Widths

@blewinski

Member

13 years, 1 month ago

Hello –
I am a newbie to WordPress and Buddypress and I am stuck on changing the width of the site. I have created a child theme form the bp_default theme and I want to set the header and footer widths to 100% and have the sites contents set to a smaller width say 60%. How can I do this? Everything I have tried in the css always narrows the header as well as the body. I can’t seem to figure out how to keep the header at 100 and get the contents to 60.

Thanks in advance!

Viewing 1 replies (of 1 total)

@pcwriter

Participant

13 years, 1 month ago

@blewinski

First, set the entire shebang to fill the screen with a maximum width of 100% like so:
`body {
max-width:100%;
}`

Then, set the page container div element (it sits inside the body element) to the smaller width you want and set the margins to auto so the content gets centered on-screen like so:
`div#container {
width:60%;
margin:auto;
}`

EDIT: you may want to set the container div to a fixed width instead, for example:
`div#container {
width:900px;
margin:auto;
}`

Viewing 1 replies (of 1 total)

The topic ‘Changing Widths’ is closed to new replies.