Center alignment of content area (body) while using Full page type.
Permalink Browser Info Environment
I would like to have essentially the whole website aligned so that it remains horizontally centred within the window if resized. I've tried manipulating the Main.css with no success. Any insight would be appreciated.
Type: | Discussion |
---|---|
Status: | New |
Hey c5mix!
I was able to figure it out after some experimenting:
Adjusted #Content in CSS like this:
#content {
Position: absolute;
Width: 930px;
left: 50%;
margin-left: -465px; (half of content area width)
}
Another thing I'm struggling with is that in the footer of my site I have a standard HTML Table. I have tried everything I can think of to eliminate the white border around each cell within the table and have ran out of ideas ( <Table border="0">, border-style: none etc etc)
Thanks again for your prompt response, Lovin this theme so far!
I was able to figure it out after some experimenting:
Adjusted #Content in CSS like this:
#content {
Position: absolute;
Width: 930px;
left: 50%;
margin-left: -465px; (half of content area width)
}
Another thing I'm struggling with is that in the footer of my site I have a standard HTML Table. I have tried everything I can think of to eliminate the white border around each cell within the table and have ran out of ideas ( <Table border="0">, border-style: none etc etc)
Thanks again for your prompt response, Lovin this theme so far!
Great! Glad you got it figured out. For the tables there's some default styling on tables in the typography.css file (theme_clearview/themes/clearview/typography.css). Look for this line (#87 in most recent version) and remove it. You might also want to modify any of the other table styles.
#container td { border: 1px solid #EFEFEF; }
Saweet, yep in the typography.css.
Thanks again.
Thanks again.
welcome!
This will make the main content area on the Full page type 100% width with 260px padding on either side (centering it).
Let me know how that works out.