Page 1 of 1

Moving Header Image To The Left

Posted: Tue Sep 29, 2009 11:35 am
by newguy
Script URL:
Version of script: 1.7
Hosting company: HostGator
URL of phpinfo.php:
URL of session_test.php:
What terms did you try when SEARCHING for a solution: Moving header image, image at top, changing header image

Write your message below:
Can you please explain to us how to simply move the book.png image over to the left a few pixels?

Thanks again

Posted: Tue Sep 29, 2009 8:48 pm
by Henrie
This requires some playing around with the style.css file and can be done in several ways.

Code: Select all

#gbook_header{width:600px; height:150px; margin:0 auto; background-image:url(images/book.png); background-repeat:no-repeat;}
For example, change the width to a higher value.

Can be found here: templates\default\style.css

Greetings,
Henrie

Posted: Tue Sep 29, 2009 11:08 pm
by newguy
When you change the width to a higher value, the header links move right along with it, so after you have found the position you want for your header, drop down to the next set of code right below and decrease margin-left:

Code: Select all

#gbook_top_links{width:450px; height:50px; margin-left:280px; margin-top:10px;}

Posted: Wed Sep 30, 2009 5:43 am
by Henrie
Hehe, you only asked about moving the image. You did not say that the text had to stay at the same place :twisted:

But that is why i mentioned it required some playing around in the style.css file. If you change one thing, it might require changing some other styles too.

Greetings,
Henrie