Help With Changing Colors

[jwalker]

Hello

 

I am doing a little color changing on the stylesheet.css file. I changed some of the heading colors, but I can't find where to change the Corners & Border, and I'd like the buy it now buttons and what not to match. My heading bar for the boxes, like categories is changed, but there is a little piece in the corner that won't change and looks like &^%$. You can see my problem at: http://www.ginelectronics.com/catalog/index.php

 

Any help would be appreciated :blush:

[jwalker]

Hello

 

I am still having no luck changing the borders and the corners on the boxes and check-out pages. . .

[rrrhythm]

Hello

 

I am still having no luck changing the borders and the corners on the boxes and check-out pages. . .

 

 

the corners are actually images. there are three of them: corner_right.gif, corner_left.gif, and corner_right_left.gif, which you'll find in your images folder

 

you'll have to create new gifs with the colors you want, using some draw/paint type program. just keep the names the same.

 

the borders are not actually borders, which is why you're having trouble changing them. it's actually a background, then the next element in is 1px smaller with a white background, so it looks like a border. very logical, yes? no?

 

in stylesheet.css, find

 

.infoBox {
 background: #b6b7cb;
}

 

change to (if i have your color green right):

 

.infoBox {
 background: #006600;
}

 

personally, i find that to be a totally whacky approach, and i got rid of it long ago, but it took me a good long while to hammer osC into something that i considered decent CSS-based styling, and what seems logical to me might seem totally whacky to someone else.

 

cheers,

rj

[Guest]

the corners are actually images. there are three of them: corner_right.gif, corner_left.gif, and corner_right_left.gif, which you'll find in your images folder

 

you'll have to create new gifs with the colors you want, using some draw/paint type program. just keep the names the same.

 

the borders are not actually borders, which is why you're having trouble changing them. it's actually a background, then the next element in is 1px smaller with a white background, so it looks like a border. very logical, yes? no?

 

in stylesheet.css, find

 

.infoBox {
 background: #b6b7cb;
}

 

change to (if i have your color green right):

 

.infoBox {
 background: #006600;
}

 

personally, i find that to be a totally whacky approach, and i got rid of it long ago, but it took me a good long while to hammer osC into something that i considered decent CSS-based styling, and what seems logical to me might seem totally whacky to someone else.

 

cheers,

rj

 

You can do that, or you can simply replace those images with osCommerce's transparent image. This will give you perfectly square boxes, but the color will be uniform for every box. That line of code is in the store/includes/classes/boxes.php.

 

Go down to where you see $left_corner and $right_corner being defined and switch the tep_image(DIR_WS_IMAGES . 'corner_left.gif') to tep_image(DIR_WS_IMAGES . 'pixel_trans.gif'). This will make the boxes... well... box-like...

 

Anyways, that's my solution for it. Have fun

[knifeman]

Hello

 

I am doing a little color changing on the stylesheet.css file. I changed some of the heading colors, but I can't find where to change the Corners & Border, and I'd like the buy it now buttons and what not to match. My heading bar for the boxes, like categories is changed, but there is a little piece in the corner that won't change and looks like &^%$. You can see my problem at: http://www.ginelectronics.com/catalog/index.php

 

Any help would be appreciated :blush:

If you still need help on your buttons..

Check this site:

button generator

[PD_Steve]

The code you want to change the corners is located in /includes/classes/boxes.php and you will find for the infoBox settings there are several images. If you have created new ones, change these to the name of the new ones.

[jwalker]

Thanks Everybody For Your Help :thumbsup:

[PD_Steve]

Good solution. That is what I initially did. Just change the corner images to the same as the main area to create the squared box effect :)

[amy_burton2007]

in stylesheet.css, find

 

.infoBox {
 background: #b6b7cb;
}

 

change to (if i have your color green right):

 

.infoBox {
 background: #006600;
}

 

Hi! Thanks for the info about changing colors in stylesheet.css. I did the same thing but I noticed that the effects are different in Internet Explorer and Mozilla Firefox. When I view my website in Firefox, the colors are changed but in Internet Explorer, the colors are still grey. Does anybody else have the same problem?

 

You can view my website at http://www.healthrebuilt.com/catalog/index.php

 

Thanks.