Guest dl_cu Posted November 2, 2006 Share Posted November 2, 2006 Hi all. I use custom images for my Cube Cart box titles. I had a mainly black-based cart layout for a while but i'm changing it to white for the winter.... Anyways, it's all done and looks good except for ONE thing. There's this weird little black line going under my box title image (Note: I've attached a screenshot of one of the boxes to show you). I've looked to see if I had left any #000000 color tags in my layout.css and stylesheet.css files but there's nothing there that should be causing it to be black. The images i'm using are the exact same size as the last ones I used, etc.... It's really bugging me, I can't figure it out. If anyone knows where to edit code to get rid of it, please let me know. Thank you! Quote Link to comment Share on other sites More sharing options...
roban Posted November 2, 2006 Share Posted November 2, 2006 Can you post the code used for the box Quote Link to comment Share on other sites More sharing options...
Guest dl_cu Posted November 2, 2006 Share Posted November 2, 2006 ALL the boxes look like that. Which code? layout.css or where I link to the images used for the tops of the boxes in shop/language/en/lang.inc.php? thanks Quote Link to comment Share on other sites More sharing options...
markscarts Posted November 3, 2006 Share Posted November 3, 2006 This is caused by a black background color setting in combination with padding on the division holding the button. In stock CubeCartâ„¢ box titles, padding is used to lower the generated text into the title. Since you are using strictly an image, you need to remove padding from the .boxTitle class, and set the height to match the height of your image. It would also be a good idea to change all instances of background-color: black; in your stylesheets, since you no longer have a black bg to your site. Quote Link to comment Share on other sites More sharing options...
Guest dl_cu Posted November 3, 2006 Share Posted November 3, 2006 sorry i'm slow replying.. I fixedit a few hours ago just by adding a top border for the boxes in the layout.css file: .boxContentLeft, .boxContentRight { border-left: 1px solid #9933cc; border-right: 1px solid #9933cc; border-bottom: 1px solid #9933cc; border-top: 1px solid #9933cc; border-style: solid; padding-left: 5px; margin-bottom: 10px; padding-top: 3px; padding-bottom: 5px; for some odd reason it takes all the black away..... thanksfor the help though! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.