Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Changing Background color to image

Changing Background color to image

Locked

Views: 1,909

Results 1 to 13 of 13
This thread is locked. New replies are disabled.
3 Feb 2009, 1:45 AM
#1
fastdc5 avatar

fastdc5

Zen Follower

Join Date:
Jan 2009
Posts:
104
Plugin Contributions:
0

Changing Background color to image

  1. Looking to change my Black background (on the left/right side of page) to an image.

  2. Cant seem to change my Sidebar header color. I uploaded a new title_back.gif to my DIR and it was supposed to be a gradient red flowing downward to white. Well, it's now a baby blue...? If i rename that to title_back1.gif and rename the default file back to title_back.gif, it's green...so I know im in the right DIR.

  3. Would love to swap out my static header banner for a Flash file I made. In the past on a phpBB I had, I just needed to update the header file with the new name.

Much thanks

https://www.7thgearimports.com/storefront for reference

3 Feb 2009, 3:30 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Changing Background color to image

  1. Looking to change my Black background (on the left/right side of page) to an image.
    Add image in stylesheet to these tags navColumnOne & navColumnTwo.
  2. Cant seem to change my Sidebar header color. I uploaded a new title_back.gif to my DIR and it was supposed to be a gradient red flowing downward to white. Well, it's now a baby blue...? If i rename that to title_back1.gif and rename the default file back to title_back.gif, it's green...so I know im in the right DIR.
    You are trying to use title_back.gif BUT in your css it is tile_back1.gif - - tile and not title
    Correct this and you will most likely be pleased
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #000000;
	background-image: url(../images/tile_back1.gif);
	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #000000;
	height: 1%;
	}
  1. Would love to swap out my static header banner for a Flash file I made. In the past on a phpBB I had, I just needed to update the header file with the new name.
    Search this forum for flash as this has been covered many times
3 Feb 2009, 5:02 AM
#3
fastdc5 avatar

fastdc5

Zen Follower

Join Date:
Jan 2009
Posts:
104
Plugin Contributions:
0

Re: Changing Background color to image

#navColumnOne, #navColumnTwo {

background-image: url(../images/tile_back1.gif);
}

:(

3 Feb 2009, 5:30 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Changing Background color to image

#navColumnOne, #navColumnTwo {

background-image: url(../images/tile_back1.gif);
}

Navigating to this directly http: //www.7thgearimports.com/storefront/includes/templates/7th/images/tile_back1.gif

Produces "The requested URL /storefront/includes/templates/7th/images/tile_back1.gif was not found on this server"
Meaning that the image tile_back1.gif does not exist there

Watch your spelling for these images - not only naming the image but also when you are calling it

3 Feb 2009, 5:36 AM
#5
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Changing Background color to image

Where do you have this file saved? It should be in /includes/templates/7th/images/tile_back1.gif, but I can't see it there, nor anywhere else likely.

3 Feb 2009, 1:30 PM
#6
fastdc5 avatar

fastdc5

Zen Follower

Join Date:
Jan 2009
Posts:
104
Plugin Contributions:
0

Re: Changing Background color to image

:ohmy: Fixed.

However, I think I dont have the Side Bars called out right as they are still that blue.

3 Feb 2009, 7:03 PM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Changing Background color to image

I see the black image file in the right place now, but your stylesheet still has```
.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: none;
padding: 0.5em 0.2em;
}



	background-image: url(../images/tile_back1.gif);
3 Feb 2009, 7:54 PM
#8
fastdc5 avatar

fastdc5

Zen Follower

Join Date:
Jan 2009
Posts:
104
Plugin Contributions:
0

Re: Changing Background color to image

:censored:

Thanks!

3 Feb 2009, 9:50 PM
#9
fastdc5 avatar

fastdc5

Zen Follower

Join Date:
Jan 2009
Posts:
104
Plugin Contributions:
0

Re: Changing Background color to image

Any means to use transparent for sidebar and/or header/footer?

3 Feb 2009, 10:18 PM
#10
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Changing Background color to image

Any means to use transparent for sidebar and/or header/footer?
You want there to be transparent?

color: transparent;
3 Feb 2009, 11:01 PM
#11
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Changing Background color to image

kobra:

You want there to be transparent?

color: transparent;



This will turn the text transparent (i.e. invisible)

if you want the background to be transpatent use

background: transparent;
4 Feb 2009, 2:09 AM
#12
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Changing Background color to image

Clyde,

Thanks for watching my back on this as I did post the incorrect declaration......:blush:

4 Feb 2009, 4:22 AM
#13
fastdc5 avatar

fastdc5

Zen Follower

Join Date:
Jan 2009
Posts:
104
Plugin Contributions:
0

Re: Changing Background color to image

Much thanks to both of you ;)