Centering Fullscreen Theme

Hi

I’ve had a quick look at your site using Firebug and if I understand correctly what you want to do you can try giving your ‘home’ div a percentage width (depending on how wide you want the ‘breathing space’ on each side) and including auto margins.

#home{
     //put the following after the styling you already have for #home
      width:90%;//try different values
      margin: 0 auto;
      }

Hello,

Thanks for your response!!

just wondering where to put in the code because the style.css doesn’t seem to have code with home in it (only home.thumbnail). and home.php seems not either… only header.php may but i i can’t figure where to stick it in.

any thoughts??

Cheers

Just try adding:

#home{
     width:90%;
      margin: 0 auto;
 }

to the bottom of style.css.

Thank but did not help just added and refreshed and it’s the same

maybe it’s because of all the pictures and their frames??

Sorry it should be .home but I don’t think that will do the job.

I’ll have another look later

Yup

no luck.
look forward to your response tho!

Cheers

The page is centred. It’s your Home thumbs that aren’t! You need to change the margin on the enclosing .thumb ul to margin:0 auto.

OK i tried to add margin:0 auto to everything and that seems to not really be helping either. i added it for .thumbs in style.css and home.php…

anything I am missing??

Cheers man

You’ve applied absolute positioning with left set to 0 on #branding.

When I take that out…all the menu items and blog title ”float” to the top ont he page(although, in the center)

…is this what i should be editing???

[CSS moderated as per the Forum Rules. Please just post a link to your site.]

thanks

The theme needs effectively re-designing (or at least that front page does). The positioning methods that have been used are clunky, won’t work with a range of screen sizes and are causing your current styling problems. Sorry but there’s no quick fix here. Just a lot of reverse engineering design work that needs to be done fist.

OKOK

I figured out to just delete the left: 0 bit and it worked like a charm

but when it refreshes the browser doesnt start in the center of the screen….. is this fixable??

As esmi says

No quick fix

The design needs a lot of cleaning up. Take out the inline and embedded styles and put them in the style sheet. It’s difficult to see which style rules are being overwritten.

Sorry but you could spend forever tweaking and still not get a design which resizes correctly across different screen sizes. Don’t add inline styles to the template files, use the existing tags the templates are generating and use the style.css stylesheet to style them.

Thanks both of you for the feedback.

I understand there is no quick fix for a mcguyver’d theme (luckily free).
but is there a way to simply make the browser load so it was not hugging the left side of the page and/or alter the margins to be equal in width??

(i actually got the content to center-ize somewhat…check it out)

Not without re-designing the theme.