ruthstokes
Member
Posted 2 years ago #
Hi,
I am having problems positioning my blog title in the centre of the page. I have been moving it by changing the left margin. At the moment is at 200px, but if I try and move it any more, the text gets pushed down and the formatting goes funny. Have been trying to work this one out for a while...Can anyone help?
What I have so far is at http://www.ruthstokes.com
Thanks in advance!
R
the title is trapped in a div .span-12 with width 470px;
you can try and change this just for the .header by adding these styles to style.css of your theme (after the .header style):
.header .span-12 { width:100%; text-align:center; }
.header .span-12 .blogname, .header .span-12 .desc { margin-left: 0; margin-right:0; }
only checked in firefox, hopefully works in other browsers too.
ruthstokes
Member
Posted 2 years ago #
Brilliant,
That's amazing, thanks for this - yes, works in IE as well.
R
ruthstokes
Member
Posted 2 years ago #
Sorry to be a complete pain, but would I have to do a similar thing if I wanted to get the text into the middle? Again, when I try to move it using the margin the space I can write in gets compressed.
R
the text is surrounded by a div with the class .span-16
if you don't want to use a sidebar on any page, you could change this style in style.css (line 645)
.span-16 {
width:640px;
}
to:
.span-16 {
width:100%;
}
ruthstokes
Member
Posted 2 years ago #
Great. Thanks so much for your help,
R