stylesheet.css Help

jokaya · October 11, 2009

Hello,

I like to change the background color on the open box

on the product page

Available Options:

COLOR: BLACK

SIZE: XL

the backgroung in the option (black & XL) is red/brown

and it's not clear

can someone let me know i do i change it

this is my stylesheet.css

/*

$Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

Released under the GNU General Public License

*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #f0f0f0; background: url(images/infoboxcontentsbg.jpg); }

.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; }

select

{

border: solid black 1px;

background-color: #c71110;

color: #f0f0f0;

}

.columnleftdiv

{

/*border: solid #005b87 1px;*/

background-color: #c71110;

}

.columnrightdiv

{

border: solid #ffffff 1px;

background-color: #c71110;

}

.newproductstable

{

border-spacing: 0px

border: 0px;

border-collapse: collapse;

}

ul {

list-style: none;

margin: 0;

padding: 0;

}

/* =-=-=-=-=-=-=-[Menu Two]-=-=-=-=-=-=-=- */

#menu2 {

width: 140px;

border-style: solid solid none solid;

border-color: #677D92;

border-size: 1px;

border-width: 1px;

margin: 10px;

}

#menu2 li a {

height: 32px;

voice-family: "\"}\"";

voice-family: inherit;

height: 24px;

text-decoration: none;

}

#menu2 li a:link, #menu2 li a:visited {

color: #fff;

display: block;

background: url(images/menu2.gif);

padding: 8px 0 0 10px;

}

#menu2 li a:hover {

color: #ffffff;

background: url(images/menu2.gif) 0 -32px;

padding: 8px 0 0 10px;

}

#menu2 li a:active {

color: #283A50;

background: url(images/menu2.gif) 0 -64px;

padding: 8px 0 0 10px;

}

.navh2

{

background-color: #222222;

color: #990000;

font-weight: bold;

width: 120px;

}

.footertable {

width: 800px;

height : 93px;

background: url('catalog/images/footerbg.jpg') no-repeat;

}

.headerdiv {

background-repeat: no-repeat;

color: #000000;

margin: 0px;

height : 73px;

padding : 0px;

margin-left:auto;

margin-right:auto;

}

.credits

{

color: #666666;

text-decoration:none;

font-size:.4em;

text-aling: right;

font-weight : normal;

}

a.credits { color: #666666; text-decoration: none;}

a.credits:hover { color: #666666; text-decoration: none;}

BODY {

background: #f0f0f0 url('catalog/images/bg.jpg') repeat-x ;

/* background-attachment: fixed; */

margin:0px

}

A {

color: #f0f0f0;

text-decoration: none;

}

A:hover {

color: #AABBDD;

text-decoration: underline;

}

FORM {

display: inline;

}

TR.header {

background: url('catalog/images/maintablebg.jpg') repeat-y ;

/* background: #ffffff;*/

}

TR.headerNavigation {

/*background:#000000;*/

}

TD.headerNavigation {

font-family: Arial, sans-serif;

font-size: 10px;

text-align: center;

text-indent: 60px;

/*background: #333333;*/

color: #035F8E;

font-weight : bold;

}

A.headerNavigation {

color: #035F8E;

}

A.headerNavigation:hover {

color: #03a6ff;

}

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 {

}

TD.footer {

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

font-size: 10px;

padding: 3px;

color: #035F8E;

font-weight: bold;

text-align: center;

}

.infoBox {

/* background: #333333; */

background: url(images/infoboxbg.jpg);

padding : 3px;

}

.infoBoxContents {

background: url(images/infoboxcontentsbg.jpg);

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 {

font-family: Arial, sans-serif;

font-size: 14px;

/* font-weight: bold; */

/*background: #B6BCC0; */

color: #ffffff;

height: 20px

}

TD.infoBoxHeading1 {

font-family: Arial, sans-serif;

font-size: 14px;

/* font-weight: bold; */

/*background: #B6BCC0; */

color: #ffffff;

height: 20px

}

TD.infoBoxHeading2 {

font-family: Arial, sans-serif;

font-size: 14px;

/* font-weight: bold; */

/*background: #B6BCC0; */

background-position: right top;

color: #ffffff;

height: 20px

}

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: url(images/infoboxcontentsbg.jpg);

}

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: url(images/infoboxbg.jpg);

}

TABLE.productListing {

}

.productListing-heading {

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

font-size: 10px;

background: #c71110;

color: #f0f0f0;

font-weight: bold;

}

TD.productListing-data {

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

font-size: 10px;

color: #999999;

}

A.pageResults {

color: #0000FF;

}

A.pageResults:hover {

color: #0000FF;

background: #FFFF33;

}

TD.pageHeading, DIV.pageHeading {

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

font-size: 20px;

font-weight: bold;

color: #035F8E;

}

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;

color: #000000;

background: #cccccc;

border: solid #005b87 1px;

padding: 4px;

/* text for listings */

}

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

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

font-size: 10px;

color: #03a6ff;

}

TD.accountCategory {

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

font-size: 13px;

color: #bb4389;

}

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: #f0f0f0;

}

CHECKBOX, INPUT, RADIO, SELECT {

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

font-size: 11px;

color: #000000;

}

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;

}

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; }

medved · October 11, 2009

Look for this:

select
{

border: solid black 1px;
background-color: #c71110;
color: #f0f0f0;

}

jokaya · October 11, 2009

Thank You !!!

was very helpful.

medved · October 11, 2009

You're welcome. I'm glad i could help.

jokaya · October 11, 2009

one more que

what is control the My account information font color ?

medved · October 12, 2009

i am not sure what you mean. Can you be more specific please.

jokaya · October 12, 2009

let's say a customer log in,

then click on my account

My Account Information

need to change color font of this:

View or change my account information.

View or change entries in my address book.

Change my account password.

thx

jokaya · October 13, 2009

to be more specific :

the font in red on my site is white

customer : My Account Information

Overview (show all orders)

My Account

View or change my account information.

View or change entries in my address book.

Change my account password.

My Orders

View the orders I have made.

E-Mail Notifications

Subscribe or unsubscribe from newsletters.

View or change my product notification list.

the rest is black

where do i change all the red into black?

medved · October 13, 2009

try to check

A {

or

A:hover {

or

.main

jokaya · October 13, 2009

The

A {

did change but also change my Categories :(

any idea ?

medved · October 13, 2009

i would create a new class, for example:

A.myAccount { 
 color: #003366; 
}

to use for my account

jokaya · October 13, 2009

i would create a new class, for example:
A.myAccount { 
 color: #003366; 
}
to use for my account

my template are change too :(

medved · October 13, 2009

In "My Account" page you need to replace the old class with the new one.

jokaya · October 20, 2009

Can you please let me know how do i open new class :x

medved · October 21, 2009

Put this code

A.myAccount { 
 color: #003366; 
}

into your style sheet document. Change the color to whatever you want.

Than go to catalog/account.php and add class="myAccount" to the link.

But from the design point of view you shouldn't use more than 3 colors.

jokaya · October 21, 2009

Ok,

I added A.myAccount { color: #000000; }

To: stylesheet.css

Then i added

<td class="myAccount"><a href="' . tep_href_link(FILENAME_ACCOUNT_EDIT, '', 'SSL') . '">' . MY_ACCOUNT_INFORMATION . '</a></td>

To: account.php

and i am still with the problem.

what do i do wrong :(

medved · October 21, 2009

You put it in the table. You have to put it inside the link, like this:

<a href="' . tep_href_link(FILENAME_ACCOUNT_EDIT, '', 'SSL') . '" class="myAccount" >' .

jokaya · October 22, 2009

as soon as I add to the css my template change :(

i add the code to the account just to c if the font change to black

nothing change

Any idea ?

medved · October 22, 2009

Well it works fine on my store. Did you put the class inside the link? Because i don't understand what you mean by "as soon as I add to the css".

jokaya · November 7, 2009

Sorry about my english,As soon as I change the code and upload to my hosting my homepage store (template) change

even if i change only color in my css from f0f0f0 to ffffff , for example i lossing some of my homepage store template

any idea what is going on :(

"Did you put the class inside the link"?

I just add to my css

<a href="' . tep_href_link(FILENAME_ACCOUNT_EDIT, '', 'SSL') . '" class="myAccount" >' .

what do you mean inside the link ?

medved · November 7, 2009

i would have to see the store before you change the color and after. You can't loose some of your homepage just because you change color. But if you are using template you should contact the one who sold you the template.

stylesheet.css Help

Recommended Posts

jokaya

medved

jokaya

medved

jokaya

medved

jokaya

jokaya

medved

jokaya

medved

jokaya

medved

jokaya

medved

jokaya

medved

jokaya

medved

jokaya

medved

Archived

Browse

Activity