[SOLVED] How do I install an image for a background header?

[Urbanfarmer]

Hi.....I'm using the latest version. I'm new to PS and can only do minimal code, mostly copy & paste. I have a full-width image (980 x 188) that I would like to use as a header behind the other elements in that space. It incorporates the logo, so I would get rid of the logo module.

 

Can someone point me in the right direction to insert this? I initially tried to modify the default/theme/css/css global directory. I was able to change the entire background body color, but I had no luck figuring out how to put my header in there.

 

Any tips? Thanks............

[HiPresta]

in global.css find #header_right and add to it background:url("your_image_url");

[Urbanfarmer]

in global.css find #header_right and add to it background:url("your_image_url");

Thanks for your help.

 

I found the header block and tried many times in various configurations without success.

 

background-image:url ('Web-header-new_6.png');

background-image:url (header-img/Web-header-new_6.png);

background-image:url (../header-img/Web-header-new_6.png);

 

I even tried the complete folder tree leading to the image:

 

background-image:url (presta/img/admin/header-img/Web-header-new_6.png);

 

I must be writing it wrong? Any ideas? 

[HiPresta]

can you add it now, and share your site url? I'll check it now

[Urbanfarmer]

I just added it in Code Editor, but I can't find it in the page source. Pay no attention to the logo. What I'm trying to install is a full-width header image. Once I figure out how to do it, I'll remove the logo.

 

http://presta.theurbanfarm.com/index.php

[HiPresta]

on what folder you have added you image?

[Urbanfarmer]

This is the sequence of folders: presta/img/admin/header-img/Web-header-new_6.png

 

Does it need to go to a different folder?

[HiPresta]

yes, put it in themes/default/header-img/Web-header-new_6.png, and will work

[Urbanfarmer]

Sorry about my inexperience. I put it in the themes/default folder. This is what I have done, but still hasn't worked. There are two copies in other folders that disappeared and I can't find. Are they the problem.

 

 

#header_right {
 position:relative;
       float: right;
       background-image:url(themes/default/Web-header-new_6.png);

[HiPresta]

I mean change only image path, not css. Ok now change css, without touching image.

1. background-image: url(../Web-header-new_6.png);

[Urbanfarmer]

Got it, but it will be some time before I understand how. Thank you for your help. I was very frustrated. I will continue to tweak some other css to see if I can use this header.

[vekia]

hello

 

thank you Sum for help here

i marked this thrad as [solved]

Urbanfarmer if you will need any other assistance - feel free to continue discussion here or just create new topics (if your problem will not be related to main case here)

 

with regards,

Milos