I guess we'll need a link to your site.
I guess we'll need a link to your site.
I believe that the image needs to go into the includes/templates/YOUR-TEMPLATE/images directory. Not the images directory in the root of your store...
If you have Firefox, you can right click on the shaded image in the title bar, and click properties and it will give you the full URL of there that image was loaded from. That's where you need to put your new image.
I was one forward slash short:
#navColumnOne {
background-image: url(..//images/bamboo_sidebar.jpg);
background-repeat:repeat-x
}
Works for me in Firefox Web Developer, a tool you should download ASAP. Very handy for stuff like this.
background-image: url(../images/your_image.jpg); should work correctly if the template /images/ folder is in the right place... odd that adding the extra / makes it work.
I've been working on this for ages with no luck, I can do anything to the Navcolumns except get an image to show up. I've even created a new template and only tried to replace the navcolumn image but nothing happens. Any help would be most appreshiated, thank you.
J
If you want specific help with your template you'll need to give a link to see your site. We can't fix it blind.
It took me a while to figure this out as well as we wanted a background image for the whole page, so we put the image code in the #MainWrapper like below:
But we ran into your problem as well. What you have to do is comment out the white background color on the two sidebars.Code:#mainWrapper { background-color: #FFFFFF; background-image: url(../images/back.jpg); background-repeat: repeat; text-align: left; vertical-align: top; border: 1px solid #000000; }
This worked for us. You would just need to put the image code in the area stated above for the images to only show up in the sideboxes.Code:#navColumnOne { /*background-color: #FFFFFF;*/ padding: 0.25em; } #navColumnTwo { /*background-color: #FFFFFF;*/
Thanks guys! all sorted now, looks great.