Forums / Templates, Stylesheets, Page Layout / Red Passion TP - Can't change center box background color

Red Passion TP - Can't change center box background color

Locked

Views: 3,653

Results 1 to 14 of 14
This thread is locked. New replies are disabled.
17 Apr 2008, 4:42 AM
#1
ychousa avatar

ychousa

New Zenner

Join Date:
Feb 2008
Posts:
36
Plugin Contributions:
0

Red Passion TP - Can't change center box background color

Hi. I can't change the background color of the centerbox and right column. My site is https://www.cedardelight.com

After going through the stylesheet.css file, I changed mainwrapper_tile.jpg(light grey box) to mainwrapper_tile_white.jpg(white box), but that attempt only changed the left column. I searched this forum, but I couldn't find the answer.

How can I change them? Thanks alot for your help!

#mainWrapper {

text-align: left;
width: 842px;
vertical-align: top;
background-image: url(../images/mainwrapper_tile_white.jpg);
background-repeat: repeat-y;
background-position: center;
}
17 Apr 2008, 4:53 AM
#2
kobra avatar

kobra

Black Belt

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

Re: Red Passion TP - Can't change center box background color

What happens if you get rid of these in your main wrapper?

background-image: url(../images/mainwrapper_tile_white.jpg);
background-repeat: repeat-y;
background-position: center;

Zen-Venom Get Bitten

17 Apr 2008, 5:06 AM
#3
ychousa avatar

ychousa

New Zenner

Join Date:
Feb 2008
Posts:
36
Plugin Contributions:
0

Re: Red Passion TP - Can't change center box background color

Hi, Kobra. Then it changes back to all grey backgrounds for left, center, and right columns.

17 Apr 2008, 5:08 AM
#4
kobra avatar

kobra

Black Belt

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

Re: Red Passion TP - Can't change center box background color

Then it changes back to all grey backgrounds for left, center, and right columns.
I checked and it looks all WHITE to me???

Zen-Venom Get Bitten

17 Apr 2008, 5:10 AM
#5
ychousa avatar

ychousa

New Zenner

Join Date:
Feb 2008
Posts:
36
Plugin Contributions:
0

Re: Red Passion TP - Can't change center box background color

Woops.. actually I was wrong. It looks grey in my monitor, but they actually are white backgrounds!

But the grid lines that devide each column are gone. How can I show (vertical) grid lines to seperate each column? Thanks again!

17 Apr 2008, 5:11 AM
#6
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,187
Plugin Contributions:
0

Re: Red Passion TP - Can't change center box background color

Look for:
#navColumnTwo {transparency;}

Change to:

#navColumnTwo {background-color: #FF0000;}

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

17 Apr 2008, 5:15 AM
#7
kobra avatar

kobra

Black Belt

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

Re: Red Passion TP - Can't change center box background color

haredo:

#navColumnTwo {background-color: #FF0000;}
Why RED??

Zen-Venom Get Bitten

17 Apr 2008, 5:19 AM
#8
ychousa avatar

ychousa

New Zenner

Join Date:
Feb 2008
Posts:
36
Plugin Contributions:
0

Re: Red Passion TP - Can't change center box background color

haredo:

#navColumnTwo {background-color: #FF0000;}

Haredo,

when I changed navColumnTwo as you suggested, the background of the right column changed to red color.

What I want are vertical divider lines to separate each column. Thanks.

17 Apr 2008, 5:26 AM
#9
ychousa avatar

ychousa

New Zenner

Join Date:
Feb 2008
Posts:
36
Plugin Contributions:
0

Re: Red Passion TP - Can't change center box background color

Well, if I can recover the vertical lines or not, I'd like to thank you for kobra and haredo.

17 Apr 2008, 5:27 AM
#10
kobra avatar

kobra

Black Belt

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

Re: Red Passion TP - Can't change center box background color

Find these and edit as follows:

#navColumnOne {
	background-color: transparent;
        border: 1px solid #9a9a9a;
    }

#navColumnTwo {
	background-color: transparent;
        border: 1px solid #9a9a9a;	
	}

or

.leftBoxContainer {
     border: 1px solid #9a9a9a;
	}

.rightBoxContainer {
     border: 1px solid #9a9a9a;
	}

Try each and see what you want

Zen-Venom Get Bitten

17 Apr 2008, 5:31 AM
#11
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,187
Plugin Contributions:
0

Re: Red Passion TP - Can't change center box background color

ychousa:

Hi. I can't change the background color of the centerbox and right column. My site is www.cedardelight.com

After going through the stylesheet.css file, I changed mainwrapper_tile.jpg(light grey box) to mainwrapper_tile_white.jpg(white box), but that attempt only changed the left column. I searched this forum, but I couldn't find the answer.

How can I change them? Thanks alot for your help!

#mainWrapper {

text-align: left;
width: 842px;
vertical-align: top;
background-image: url(../images/mainwrapper_tile_white.jpg);
background-repeat: repeat-y;
background-position: center;
}

Y,
Maybe I did not the post throughly.

The font in red above is why I answered the way I did..

Kobra,
I just love red, my favorite color :smile:

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.

Zen Cart Certified hosting at myZenCartHost.com.

17 Apr 2008, 5:39 AM
#12
ychousa avatar

ychousa

New Zenner

Join Date:
Feb 2008
Posts:
36
Plugin Contributions:
0

Re: Red Passion TP - Can't change center box background color

kobra:

Find these and edit as follows:

#navColumnOne {
background-color: transparent;
border: 1px solid #9a9a9a;
}

#navColumnTwo {
background-color: transparent;
border: 1px solid #9a9a9a;
}

> 
> or 
> ```
.leftBoxContainer {
     border: 1px solid #9a9a9a;
	}

.rightBoxContainer {
     border: 1px solid #9a9a9a;
	}

Try each and see what you want

The two modifications both show the border lines for left and right columns. I'll be checking another reply tomorrow morning. Good night, folks!

17 Apr 2008, 6:02 AM
#13
kobra avatar

kobra

Black Belt

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

Re: Red Passion TP - Can't change center box background color

They are slightly different

Pick one and use it

Zen-Venom Get Bitten

17 Apr 2008, 11:38 PM
#14
ychousa avatar

ychousa

New Zenner

Join Date:
Feb 2008
Posts:
36
Plugin Contributions:
0

Re: Red Passion TP - Can't change center box background color

ychousa:

#mainWrapper {

text-align: left;
width: 842px;
vertical-align: top;
background-image: url(../images/mainwrapper_tile_white.jpg);
background-repeat: repeat-y;
background-position: center;
}

I've finally found the solution that I exactly wanted and want to share with other users. The secret was in the mainwrapper_tile_white.jpg image file.

If you zoom in the long and thin image, you can find 4 spots with white color (left-end, center1, center2, and right-end) that work as white divider lines when the background is in default light grey. Using firefox, I changed colors so that now the background is white and the 4 spots are grey, then I get exactly what I wanted!

Thanks for all your help, kobra and haredo! I guess I will be asking more and more quesitons 'cause I'm in the middle of development process. Thanks again!