Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Help!


steviez

Recommended Posts

Hi,

 

Im testing a new template for my store, im using STS. If you look closely in the boxes you can see faint outlines for example on the catagory box. How can i make them dissapear or go white?

 

 

 

Please Help me! :)

Link to comment
Share on other sites

Hi,

 

Im testing a new template for my store, im using STS. If you look closely in the boxes you can see faint outlines for example on the catagory box. How can i make them dissapear or go white?

Please Help me! :)

 

THis may be something to do with the stylesheet. I'd check there first.

 

THere's documentation that comes with osCommerce that gives in-detail instruction on how to edit the .css file.

 

I'd try there first.

 

Alex.

Link to comment
Share on other sites

 

This is my stylesheet, i cant find what im looking for

 

 

 

/*

$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

 

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

 

Copyright © 2003 osCommerce

 

Released under the GNU General Public License

*/

 

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

 

BODY {

background: #ffffff;

color: #000000;

margin: 0px;

marginwidth:0;

marginheight:0;

topmargin:0;

bottommargin:0;

leftmargin:0;

rightmargin:0;

 

}

 

A {

color: #747474;

text-decoration: none;

}

 

A:hover {

color: #888888;

text-decoration: underline;

}

 

FORM {

display: inline;

}

 

TR.header {

background: #ffffff;

}

 

TR.headerNavigation {

background: #bbc3d3;

}

 

TD.headerNavigation {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #bbc3d3;

color: #ffffff;

font-weight : bold;

}

 

A.headerNavigation {

color: #FFFFFF;

font-size: 13px;

font-weight: bold;

text-decoration: none;

}

 

A.headerNavigation:hover {

color: #FFFFFF;

font-size: 13px;

font-weight: bold;

text-decoration: underline;

}

 

TR.headerError {

background: #ff0000;

}

 

TD.headerError {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #ff0000;

color: #ffffff;

font-weight : bold;

text-align : center;

}

 

TR.headerInfo {

background: #00ff00;

}

 

TD.headerInfo {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

background: #00ff00;

color: #ffffff;

font-weight: bold;

text-align: center;

}

 

TR.footer {

background: #bbc3d3;

}

 

TD.footer {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

background: #bbc3d3;

color: #ffffff;

font-weight: bold;

}

 

.infoBox {

background: #D3D1D1;

}

 

.infoBoxContents {

background: #FFFFFF;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

.infoBoxNotice {

background: #FF8E90;

}

 

.infoBoxNoticeContents {

background: #FFE6E6;

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

TD.infoBoxHeading {

background-image: url('images/infobox/corner_center.gif');

font-family: Arial, Verdana, sans-serif;

font-size: 18px;

font-weight: normal;

color: #000000;

display: none;

}

 

TD.infoBox, SPAN.infoBox {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

}

 

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

background: #ffffff;

//shopping-cart content color

}

 

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

background: #ffffff;

//shopping-cart content color

}

 

TABLE.productListing {

border: 0px;

border-style: solid;

border-color: #ffffff;

//shopping-cart header/footer color

border-spacing: 1px;

 

}

 

.productListing-heading {

 

border-right:1px dotted #C2C2C2;

border-bottom:1px dotted #C2C2C2;

text-align:center;

 

color: #6F6F6F;

font-weight: bold;

padding: 10px;

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 11px;

background: #ffffff;

//shopping-cart header/footer color

}

 

TD.productListing-data {

border-right:1px dotted #C2C2C2;

border-bottom:1px dotted #C2C2C2;

text-align:center;

vertical-align:top;

padding:10 20 10 20;

 

 

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 11px;

color: #FF6600;

}

 

A.pageResults {

color: #0000FF;

}

 

A.pageResults:hover {

color: #0000FF;

background: #FFFF33;

}

 

TD.pageHeading, DIV.pageHeading {

font-size: 12px;

color: ##5E5E5E;

font-weight: bold;

text-decoration: sharp;

height: 35px;

width: 514px;

 

 

padding-top: 25px;

padding-left: 5px;

text-transform: none;

}

 

TR.subBar {

background: #f4f7fd;

}

 

TD.subBar {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #000000;

}

 

TD.main, P.main {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

line-height: 1.5;

}

 

TD.smallText, SPAN.smallText, P.smallText {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

padding-left: 10px;

}

 

TD.accountCategory {

font-family: Verdana, Arial, sans-serif;

font-size: 13px;

color: #aabbdd;

}

 

TD.fieldKey {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

 

TD.fieldValue {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

}

 

TD.tableHeading {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

 

SPAN.newItemInCart {

font-family: Verdana, Arial, sans-serif;

font-size: 10px;

color: #ff0000;

}

 

CHECKBOX, INPUT, RADIO, SELECT {

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

 

TEXTAREA {

width: 100%;

font-family: Verdana, Arial, sans-serif;

font-size: 11px;

}

 

SPAN.greetUser {

font-family: Verdana, Arial, sans-serif;

font-size: 12px;

color: #f0a480;

font-weight: bold;

}

 

TABLE.formArea {

background: #f1f9fe;

border-color: #7b9ebd;

border-style: solid;

border-width: 1px;

}

 

TD.formAreaTitle {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

font-weight: bold;

}

 

SPAN.markProductOutOfStock {

font-family: Tahoma, Verdana, Arial, sans-serif;

font-size: 12px;

color: #c76170;

font-weight: bold;

}

 

SPAN.productSpecialPrice {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

}

 

SPAN.errorText {

font-family: Verdana, Arial, sans-serif;

color: #ff0000;

}

 

.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }

 

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

 

/* message box */

 

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

 

/* input requirement */

 

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

 

 

 

 

 

 

 

 

 

 

 

 

 

 

td{

font-family: tahoma,verdana,arial;

font-size: 11px;

color: #5E5E5E;

}

 

.b01{

background-image: url(images/bg01.gif);

background-repeat: no-repeat;

padding-left: 5px;

}

 

.br{

border-style: solid;

border-width: 1px;

border-color: #B1B1B1;

}

 

.bg{

background-image: url(images/m11.jpg);

background-repeat: repeat-x;

}

 

.bg1{

background-image: url(images/m12.jpg);

background-repeat: repeat-x;

}

 

.bg2{

background-image: url(images/m31.gif);

background-repeat: repeat-y;

}

 

.bg3{

background-image: url(images/m33.gif);

background-repeat: repeat-y;

}

 

.go{

border-style: solid;

border-width: 1px;

border-color: #B6B6B6;

width: 125px;

height: 19px;

}

 

 

 

.ml{

font-size: 11px;

color: #5F5F5F;

text-decoration: none;

}

 

.ml1{

font-size: 11px;

color: #FFC000;

text-decoration: underline;

}

 

.ml2{

font-size: 11px;

color: #5E5E5E;

text-decoration: none;

}

 

.ml3{

font-size: 12px;

color: #5E5E5E;

font-weight: bold;

text-decoration: none;

}

 

.ps{

color: #ffffff;

font-size: 11px;

font-weight: bold;

}

 

.ps1{

color: #ffffff;

font-size: 10px;

font-weight: bold;

}

 

.ps2{

color: #FF6600;

font-size: 17px;

}

 

.ps3{

color: #5E5E5E;

font-size: 12px;

font-weight: bold;

}

 

.se{

width: 126px;

color: #000000;

font-size: 9px;

}

 

.se1{

width: 115px;

color: #000000;

font-size: 9px;

}

 

.currency_symbol{

color: #5E5E5E;

}

 

.image_border{

border:1px solid #000000;

}

Link to comment
Share on other sites

if you use firefox as a browser, I suggest downloading the free web development toolbar they have, it is a pretty powerful tool to see what changes will do to your css and also has other cool tools. Just a suggestion!

The lines are in stylesheet though, good luck!

"I must admit that I personally measure success in terms of the contributions an individual makes to her or his fellow human beings."

---Margaret Mead---

 

"The answer is never the answer. What's really interesting is the mystery. If you seek the mystery instead of the answer, you'll always be seeking. I've never seen anybody really find the answer -- they think they have, so they stop thinking. But the job is to seek mystery, evoke mystery, plant a garden in which strange plants grow and mysteries bloom. The need for mystery is greater than the need for an answer.

--Ken Kesey"

Link to comment
Share on other sites

if you use firefox as a browser, I suggest downloading the free web development toolbar they have, it is a pretty powerful tool to see what changes will do to your css and also has other cool tools. Just a suggestion!

The lines are in stylesheet though, good luck!

 

 

Perfect! Problem solved, Thank You for all your help everyone!

 

Steve :)

Link to comment
Share on other sites

For future info you can look in the knowledge base and there is a list of what each class in the stylesheet controls.

The Knowledge Base is a wonderful thing.

Do you have a problem? Have you checked out Common Problems?

There are many very useful osC Contributions

Are you having trouble with a installed contribution? Have you checked out the support thread found Here

BACKUP BACKUP BACKUP!!! You did backup, right??

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...