[jbader]

jbader

#577

I want to move the site title and description to the right off the picture as well as slightly downward. How do I do this? See my website to see what I am talking about: http://americandreambody.com/blog/

[Syahir Hakim]

Syahir Hakim

#12953

#header h1, #header h2 {

left: 200px;

}

Change the value as you like it.

[Syahir Hakim]

Syahir Hakim

#12954

#header h1, #header h2 {

left: 200px;

}

Change the value as you see fit.

[steveironpump]

steveironpump

#12955

Awesome. I got it to move to the left. Thanks. I kind of want to move the title and description downward about a half an inch or so as well. What would I type in if I wanted to move the title and description downward along the vertical axis?

[southxwest]

southxwest

#12956

It might be easier if you put the text you want into your custom image header (900 x 198) then you can style it exactly how you want. If you want to use the provided styling then maybe try

top:100px;

here:

#header h1{

position:relative;

top:80px;

left:38px;

width:852px;

font:bold 28px "Trebuchet MS";

}

#header h1 a, #header h1 a:visited{

text-decoration:none;

}

#header h2{

color:#000;

border-bottom:none;

position:relative;

top:80px;

width:852px;

left:38px;

}

[Syahir Hakim]

Syahir Hakim

#12957

Revising southxwest’s reply:

Starting with version 1.2, the header image size is 960px x 198px.

As for the code, you can simplify it to just this:

#header h1, #header h2 {

top: 100px;

left: 200px;

}

[Anonymous]

Anonymous

#12958

I have a busy header image (a composite photo of local scenes).

So it is difficult to read the site title and tagline.

Currently I have used Photoshop to add an outline to my desired text as part of the header image, but I would prefer not to have to do that.

Does anyone have some sample code to move the title text (and tagline) into the top bar, where it will be more readable against a plain background?

Thanks