Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

How to change the boders color


Recommended Posts

I don't remember off hand (I'm at work with no access to osC code...), but all your styling is in the stylesheet.css file. The borders are defined in one of the infobox descriptions.



Link to comment
Share on other sites

It is catalog/stylesheets.css...


Download this file with WS_FTP to your local harddrive and search for the following to bits of code.....


TABLE.productListing {
 border: 1px;
 border-style: solid;
 border-color: #b6b7cb;
 border-spacing: 1px;


TABLE.formArea {
 background: #f1f9fe;
 border-color: #7b9ebd;
 border-style: solid;
 border-width: 1px;



These should do what you need done....


You will also want to change the header tags which are also in this same file...


.productListing-heading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 background: #b6b7cb;
 color: #FFFFFF;
 font-weight: bold;



as well as recolor the image files that make up the corners of the table...


The image files will be in the catalog/images/infobox.


Please don't bet your life on these things as I am at work and have limited access to the files, and am pretty new to this...but I think this info should get you were you need to go.

Link to comment
Share on other sites

The post about looking in the css is correct, but you'll actually find that to change the color of the border on the info boxes that you'll have to define the background color of InfoBox as the color of the border and in InfoBoxContents the background color will actually show as the foreground color, with only the borders of the previous background color showing, hence giving you your border color. Hope that makes sense.



Link to comment
Share on other sites


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

  • Create New...