[vtrandal]

vtrandal

#4251

I have created a graphene-child theme to change my header image size as described here:

https://forum.graphene-theme.com/graphene-support/header-image-size-change

The last step was to activate my graphene-child theme. Now I have a new header image size of 1100×100, but the text for my site name and tag line still have an absolute position that also needs to be changed to place it properly onto the header image:

http://guywirenews.com/

The text for my site name is “Guy Wire News” and the tag line is “Android hacking on the Nexus One, Galaxy Nexus, and XOOM”

If you visit my web site you will see the site name and tag line have an absolute position that is below the new header image which is now only 100px high. How do I move them up onto the header image? Is the solution similar to changing the header image size? In other words do I need to add some code to my graphene-child style.css and functions.php files? If so, what?

[Kenneth John Odle]

Kenneth John Odle

#27706

I just updated my tutorial on this:

http://blog.kjodle.net/2012/03/23/changing-the-graphene-header-image-size/#Adjusting_the_Header_Title_and_Site_Description_Location

[vtrandal]

vtrandal

#27707

Thanks Kenneth. That allowed me to change the vertical position of my site name and description.

Now, before closing this issue, how would I change the horizontal position? Specifically, how would I make it left justified, i.e. 0px from the left edge of the header?

[Anonymous]

Anonymous

#27708

Add this to your custom css:

.container_16 .grid_15 {

margin-left: -57px;

}

[vtrandal]

vtrandal

#27709

Thanks Josh. That did the trick – and trick is the right word 🙂