Moving Header Image To The Left

[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

[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

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

[Henrie]

Hehe, you only asked about moving the image. You did not say that the text had to stay at the same place

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