rkgovada
Member
Posted 1 year ago #
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
Theme: http://www.graphpaperpress.com/themes/fullscreen/
Cheers!
Ravi
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;
}
rkgovada
Member
Posted 1 year ago #
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.
rkgovada
Member
Posted 1 year ago #
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
rkgovada
Member
Posted 1 year ago #
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.
rkgovada
Member
Posted 1 year ago #
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.
rkgovada
Member
Posted 1 year ago #
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.
rkgovada
Member
Posted 1 year ago #
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.
rkgovada
Member
Posted 1 year ago #
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.
@rkgovada
I think you have made some great improvements to the fullscreen theme and your webiste seems to be coming along really nice. I'm working on a portfolio site of my own using Fullscreen and was hoping you could inform me how you were able to add the top to bottom scrollbar feature to your homepage.
thanks!
rkgovada
Member
Posted 1 year ago #
'overflow: hidden' changed to 'overflow-x: hidden'
in home.php or header.php
bmascal