Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Changing the Categories bgcolor in the catalog.


Mako3

Recommended Posts

I finally got the table (boxes) colors changed on the catalog almost the way I want them except for the top part where the corner_left.gif/_right.gif/ images such as in the top part of the table that says Categories, and What's New, and Search. So I want to get the color #A5955C in that top table instead of those images and blueish color. Here's the link to my catalog: http://hawaiianjoe.com/catalog/index.php , You see the boxes that say Categories, What's New, Quick Find, Information. How it's that blue color, I want to make it #A5955C . I checked with http://www.oscommerce.info/kb/ , and it says to make those images transparent but I cant figure out how to do it. I have been trying to get the catalog to match the main site table colors at http://hawaiianjoe.com for weeks now and I have been investigating the Chat Support and gathering alittle bit of info each time on how to change the colors, Ben was the most helpful. If you can help me on how to get the blueish color behind the Categories, What's New, Quick Find, Information, ect (with the image corner_right.gif & corner_left.gif) changed to just the color: #A5955C, that would be greatly appreaciated.

 

Thanks,

Mark Kelly

 

P.S I tried the site: http://stuff.mit.edu/tweb/map.html to make the images transparent and the only one that worked was the corner_right_left.gif image.

Link to comment
Share on other sites

You want to edit your stylesheet.css file

 

Example:

 

TR.headerNavigation {
 background: #99ccff;
}

TD.headerNavigation {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #99ccff;
 color: #000000;
 font-weight : bold;
}

Link to comment
Share on other sites

Hey Mark-

 

Try doing a search in your catalog/stylesheet.css for that color blue. Paintshop Pro says it's #bbc3d3. Once you find it make it the #A5955C color.

 

Those left_corner.gif and right_corner.gifs are in catalog/images/infoboxes. I would recommend just making replacement gifs that are 11 pixels by 14 pixels and naming them left_corner.gif and right_corner.gif and putting them in catalog/images/infoboxes.

 

This will replace the blue corners.

 

Danny

If I'm giving advice, it is based on what path I would take to fix your problem. My path may be wrong.

Link to comment
Share on other sites

Alright Thanks guys, so I am right now configuring my stylesheet.css file and I found the

bbc3d3 color as: TR.headerNavigation I think thats what I want to change, so I'll open up Photoshop and make a blank image 11px x 11px?

Link to comment
Share on other sites

Alright Thanks guys, so I am right now configuring my stylesheet.css file and I found the

bbc3d3 color as: TR.headerNavigation I think thats what I want to change, so I'll open up Photoshop and make a blank image 11px x 11px?

Alright so I got everything changed to #A5955C, except for the customer that logs on and choose's to view their Cart Contents. That whole table is still #BBC3D3. Also I was able to change the pics to transparent they work fine now. But I have another question how can i put a <br> (break/space) between my logo and the header table that says:

Top ? Catalog ? Cart Contents Log Off | My Account | Cart Contents | Checkout

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...