Moving the Site Title and description

Graphene Theme Forum » Graphene Wordpress theme » Support

Moving the Site Title and description

(7 posts) (4 voices)

Started 2 years ago by steveironpump
Latest reply from Adrianw
This topic is closed
This topic is not resolved

Skip to the latest post | RSS feed for this topic

steveironpump
Member

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/

Posted 2 years ago #
Syahir Hakim
Developer
```
#header h1, #header h2 {
  left: 200px;
}
```
Change the value as you like it.

Find out how you can support the Graphene theme.
New to the forum? Make sure you read the forum rules.
Like Graphene? Check out Graphene Mobile and Graphene Mobile Neo!
Posted 2 years ago #
Syahir Hakim
Developer
```
#header h1, #header h2 {
  left: 200px;
}
```
Change the value as you see fit.

Find out how you can support the Graphene theme.
New to the forum? Make sure you read the forum rules.
Like Graphene? Check out Graphene Mobile and Graphene Mobile Neo!
Posted 2 years ago #
steveironpump
Member

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?

Posted 2 years ago #

southxwest
Member

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;
	}

Posted 2 years ago #

Syahir Hakim
Developer
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;
}
```
Find out how you can support the Graphene theme.
New to the forum? Make sure you read the forum rules.
Like Graphene? Check out Graphene Mobile and Graphene Mobile Neo!
Posted 2 years ago #
Adrianw
Member

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

Posted 1 year ago #

Topic Closed

This topic has been closed to new replies.