Open Cart Stylesheet

Avatar
  • Answered
First I want to offer you folks what we call in the Navy a BRAVO ZULU for the great help you give people in this forum. Now, here is my question.

heartlandpetbeds.com/test

Look at the HOIME page. You will notice that in the LATEST section there are little boxes that outline the name of the products. I want to color those boxes. The only thing I have been able to do is color just the bottom of the boxes. I have not been able to outline the entire box.

Please advise.

heartlandpetbeds.com/test
Avatar
jamesr
Thank you for your question simonbk! Edit the code in the following style sheet:
http://heartlandpetbeds.com/test/catalog/view/theme/simple/stylesheet/stylesheet.css
Find the following code:
.latest .prodInfo,.featured .prodInfo,.prod-grid .prodInfo,.related .prodInfo{background:#fff url('../image/info.jpg') repeat-x bottom;border:1px solid #E1E0D7;padding:0 6px 5px;border-width:0 1px 2px 1px;}
The property is the following:
background:#fff url('../image/info.jpg') repeat-x bottom;
This is where you set the background color and image. #fff is white. You can enter the color number there. The background is a repeated image. You will want to find the ../image/info.jpg image in the theme on your server and edit it with a program like PhotoShop or Gimp. You can change the hue and saturation to make the color change. Best Regards, James R