Title: Centering Fullscreen Theme Last modified: August 19, 2016 --- # Centering Fullscreen Theme * [rkgovada](https://wordpress.org/support/users/rkgovada/) * (@rkgovada) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/) * Hey, * I’m relatively new to wordpress and have been working on a site for the past few months tweaking the design. we have (somewhat) transformed the blog from being a more horizontal theme to a more vertical theme. In order for it to look properly, we need to center the front page so that the margins on the left and right side are equally no matter how much you expand the browser size. * I read on some forum posts that something like ‘margin: 0 auto’ could fix this, but i think because the amount of pictures on the front page, it is a little more difficult for me to apply. would really appreciate any help i could get on this. Let me know what specific code is needed in order to solve this problem. * My website: [http://www.the-dilettante.com](http://www.the-dilettante.com) Theme: [http://www.graphpaperpress.com/themes/fullscreen/](http://www.graphpaperpress.com/themes/fullscreen/) * Cheers! Ravi Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/centering-fullscreen-theme/page/2/?output_format=md) [→](https://wordpress.org/support/topic/centering-fullscreen-theme/page/2/?output_format=md) * [lockettpots](https://wordpress.org/support/users/lockettpots/) * (@lockettpots) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914661) * 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; } ``` * Thread Starter [rkgovada](https://wordpress.org/support/users/rkgovada/) * (@rkgovada) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914668) * 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 * [esmi](https://wordpress.org/support/users/esmi/) * (@esmi) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914672) * Just try adding: * ``` #home{ width:90%; margin: 0 auto; } ``` * to the bottom of style.css. * Thread Starter [rkgovada](https://wordpress.org/support/users/rkgovada/) * (@rkgovada) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914675) * 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?? * [lockettpots](https://wordpress.org/support/users/lockettpots/) * (@lockettpots) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914681) * Sorry it should be .home but I don’t think that will do the job. * I’ll have another look later * Thread Starter [rkgovada](https://wordpress.org/support/users/rkgovada/) * (@rkgovada) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914682) * Yup * no luck. look forward to your response tho! * Cheers * [esmi](https://wordpress.org/support/users/esmi/) * (@esmi) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914685) * 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`. * Thread Starter [rkgovada](https://wordpress.org/support/users/rkgovada/) * (@rkgovada) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914687) * 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 * [esmi](https://wordpress.org/support/users/esmi/) * (@esmi) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914689) * You’ve applied absolute positioning with left set to 0 on #branding. * Thread Starter [rkgovada](https://wordpress.org/support/users/rkgovada/) * (@rkgovada) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914690) * 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](http://codex.wordpress.org/Forum_Welcome). Please just post a link to your site.]_ * thanks * [esmi](https://wordpress.org/support/users/esmi/) * (@esmi) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914692) * 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. * Thread Starter [rkgovada](https://wordpress.org/support/users/rkgovada/) * (@rkgovada) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914693) * 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?? * [lockettpots](https://wordpress.org/support/users/lockettpots/) * (@lockettpots) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914703) * 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. * Thread Starter [rkgovada](https://wordpress.org/support/users/rkgovada/) * (@rkgovada) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914705) * 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) * [esmi](https://wordpress.org/support/users/esmi/) * (@esmi) * [15 years, 3 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/#post-1914707) * Not without re-designing the theme. Viewing 15 replies - 1 through 15 (of 17 total) 1 [2](https://wordpress.org/support/topic/centering-fullscreen-theme/page/2/?output_format=md) [→](https://wordpress.org/support/topic/centering-fullscreen-theme/page/2/?output_format=md) The topic ‘Centering Fullscreen Theme’ is closed to new replies. ## Tags * [centering](https://wordpress.org/support/topic-tag/centering/) * [css](https://wordpress.org/support/topic-tag/css/) * [editing](https://wordpress.org/support/topic-tag/editing/) * [fullscreen](https://wordpress.org/support/topic-tag/fullscreen/) * 17 replies * 4 participants * Last reply from: [rkgovada](https://wordpress.org/support/users/rkgovada/) * Last activity: [15 years, 2 months ago](https://wordpress.org/support/topic/centering-fullscreen-theme/page/2/#post-1914969) * Status: not resolved ## Topics ### Topics with no replies ### Non-support topics ### Resolved topics ### Unresolved topics ### All topics