How to change the text colour throughout the store?

[Guest]

Hi Guys,

 

I need to change the text colour throughout my OSC store from a light grey to black. I also would like to increase the text size by a point or two.

 

I know I need to edit the stylesheet, but where and what values do I need to change.

 

It all looks like a bunch of code to me! :blush:

 

Any help would be great.

[spax]

In the stylesheet, where you see background: #bbc3d3; that is the grey colour you want to change. Where you see, font-size: 12px; that is the font size.

 

The best thing to do is, make a copy the stylsheet so you have a backup, then jump into the original and have fun changing things. If it all goes horribly wrong, you still have the copy to reinstate.

[Guest]

Hi, thanks for your reply. I did what you said and uploaded a new stylesheet and hit refresh, but no change I'm afraid.

 

I have posted my origonal stylesheet here ( sorry for the large post!)

 

Could you check it and tell me exactly where to edit. I want to change ALL text in the store from grey to black AND increase the text by a few points on the catergory, product listing and featured prodcuct page.

 

Thanks so much in advance

 

*/

 

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

}

 

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(../%27images/infobox/corner_center.gif%27);

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: dotted;

border-color: #E2E2E2;

//shopping-cart header/footer color

border-spacing: 0px;

 

}

 

.productListing-heading {

 

border-right:1px dotted #999999;

border-bottom:1px dotted #999999;

text-align:center;

 

 

color: #000000;

font-weight: bold;

padding: 11px;

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

font-size: 11px;

background: #E2E2E2;

//shopping-cart header/footer color

}

 

TD.productListing-data {

border-right:1px dotted #999999;

border-bottom:1px dotted #999999;

text-align:center;

vertical-align:top;

padding:10 15 10 15;

 

 

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

font-size: 15px;

color: #BF0101;

}

 

A.pageResults {

color: #0000FF;

}

 

A.pageResults:hover {

color: #0000FF;

background: #FFFF33;

}

 

 

TD.pageHeading, DIV.pageHeading {

font-size: 14px;

color: #005C9B;

font-weight: bold;

text-decoration: sharp;

height: 35px;

width: 446px;

background: url(../%27images/m99.gif%27);

background-repeat: repeat-x;

padding-top: 0px;

padding-bottom:0;

padding-left: 20px;

text-transform: uppercase;

}

 

 

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

}

 

.br{

border-style: solid;

border-width: 1px;

border-color: #DDDDDD;

}

 

.br1{

border-style: solid;

border-width: 1px;

border-color: #DaDaDa;

}

 

 

.bg{

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

background-repeat: repeat-x;

}

 

.bg1{

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

background-repeat: repeat-y;

}

 

.ch{

font-size: 11px;

color: #585858;

}

 

.ch2{

font-size: 12px;

color: #5F5F5F;

font-weight: bold;

}

 

.ch3{

font-size: 12px;

color: #BF0101;

font-weight: bold;

}

 

.ch4{

font-size: 14px;

color: #7A7F88;

font-weight: bold;

text-decoration: underline;

}

 

.ml{

font-size: 11px;

color: #585858;

text-decoration: none;

}

 

.ml1{

font-size: 12px;

color: #56636C;

font-weight: bold;

text-decoration: none;

}

 

.ml2{

font-size: 11px;

color: #414956;

text-decoration: none;

}

 

.ml3{

font-size: 12px;

color: #0064A7;

font-weight: bold;

text-decoration: none;

}

 

.ml4{

font-size: 11px;

color: #3A4043;

font-weight: bold;

text-decoration: underline;

}

 

.tx{

font-size: 11px;

color: #505050;

}

 

.tx1{

font-size: 11px;

color: #2C2C2C;

}

 

.se{

width: 82px;

font-size: 9px;

color: #7E7E7E;

}

 

.image_border{

border:1px solid #838890;

}

h1 {

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

font-size: 12px;

font-weight: bold;

}

 

h2 {

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

font-size: 12px;

}

 

TD.searchHdr {

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

font-size: 10px;

line-height: 1.5;

background: transparent;

color: #fff;

}

 

A.searchHdr {

color: #fff;

}

A.searchHdr.Hover {

color: #ff0000;

}

[spax]

In the stylesheet, where you see background: #bbc3d3; that is the grey colour you want to change. Where you see, font-size: 12px; that is the font size.

 

Sorry, I should have explained more!

 

Ok, where it says background: #bbc3d3; if you changed that to background: #ff0000; that would be a nice red colour.

 

If you changed font-size: 12px; to font-size: 16px; for example, that would make the font alot larger.

 

Download stylesheet.css from your server in ASCII mode, make another copy of it, for a backup. Then make some changes to the original and upload it in ASCII mode, overwriting the one still on your server. Make sure you get the "Do you want to overwrite..." dialogue box and that you check "Yes"

 

That little piece of code for background, #bbc3d3; is the hexidecimal value for grey. If you have some sort of graphics package, that should show you the hexidecimal value for any given colour you choose.

 

If you don't have that function, PM me your email address and I will send you something that will give you all hexidecimal values.

[Guest]

Ok, just to confirm - background: #bbc3d3; refers to text and NOT a background image/colour?

[Guest]

Hi

 

I changed every instance of background: #bbc3d3; to background: #000000; for black, but still no change!

 

 

What am I doing wrong?

 

This store was purchased as a template, could that be a problem?

 

code with changes -

 

*/

 

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

}

 

A {

color: #747474;

text-decoration: none;

}

 

A:hover {

color: #888888;

text-decoration: underline;

}

 

FORM {

display: inline;

}

 

TR.header {

background: #ffffff;

}

 

TR.headerNavigation {

background: #000000;

}

 

TD.headerNavigation {

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

font-size: 10px;

background: #000000;

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

}

 

TD.footer {

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

font-size: 10px;

background: #000000;

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: dotted;

border-color: #E2E2E2;

//shopping-cart header/footer color

border-spacing: 0px;

 

}

 

.productListing-heading {

 

border-right:1px dotted #999999;

border-bottom:1px dotted #999999;

text-align:center;

 

 

color: #000000;

font-weight: bold;

padding: 11px;

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

font-size: 11px;

background: #E2E2E2;

//shopping-cart header/footer color

}

 

TD.productListing-data {

border-right:1px dotted #999999;

border-bottom:1px dotted #999999;

text-align:center;

vertical-align:top;

padding:10 15 10 15;

 

 

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

font-size: 11px;

color: #BF0101;

}

 

A.pageResults {

color: #0000FF;

}

 

A.pageResults:hover {

color: #0000FF;

background: #FFFF33;

}

 

 

TD.pageHeading, DIV.pageHeading {

font-size: 14px;

color: #005C9B;

font-weight: bold;

text-decoration: sharp;

height: 35px;

width: 446px;

background: url('images/m99.gif');

background-repeat: repeat-x;

padding-top: 0px;

padding-bottom:0;

padding-left: 20px;

text-transform: uppercase;

}

 

 

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

}

 

.br{

border-style: solid;

border-width: 1px;

border-color: #DDDDDD;

}

 

.br1{

border-style: solid;

border-width: 1px;

border-color: #DaDaDa;

}

 

 

.bg{

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

background-repeat: repeat-x;

}

 

.bg1{

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

background-repeat: repeat-y;

}

 

.ch{

font-size: 11px;

color: #585858;

}

 

.ch2{

font-size: 12px;

color: #5F5F5F;

font-weight: bold;

}

 

.ch3{

font-size: 12px;

color: #BF0101;

font-weight: bold;

}

 

.ch4{

font-size: 14px;

color: #7A7F88;

font-weight: bold;

text-decoration: underline;

}

 

.ml{

font-size: 11px;

color: #585858;

text-decoration: none;

}

 

.ml1{

font-size: 12px;

color: #56636C;

font-weight: bold;

text-decoration: none;

}

 

.ml2{

font-size: 11px;

color: #414956;

text-decoration: none;

}

 

.ml3{

font-size: 12px;

color: #0064A7;

font-weight: bold;

text-decoration: none;

}

 

.ml4{

font-size: 11px;

color: #3A4043;

font-weight: bold;

text-decoration: underline;

}

 

.tx{

font-size: 11px;

color: #505050;

}

 

.tx1{

font-size: 11px;

color: #2C2C2C;

}

 

.se{

width: 82px;

font-size: 9px;

color: #7E7E7E;

}

 

.image_border{

border:1px solid #838890;

}

h1 {

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

font-size: 20px;

font-weight: bold;

}

 

h2 {

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

font-size: 14px;

}

 

TD.searchHdr {

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

font-size: 10px;

line-height: 1.5;

background: transparent;

color: #fff;

}

 

A.searchHdr {

color: #fff;

}

A.searchHdr.Hover {

color: #ff0000;

}

[Guest]

Arrrrhh!

 

Still no changes, can anyone help!

 

:(

[PD_Steve]

You want to change the text color? Look for the class "smallText" in your stylesheet and change the color value to #000000 to make it black. The classes "smallText" and "main" control most of the text colors on your site.

 

Here are the changed classes (copy them over)

 

TD.main, P.main {

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

font-size: 11px;

line-height: 1.5;

color: #000000;

}

 

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

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

font-size: 10px;

padding-left: 10px;

color: #000000;

}

 

Note: this will change most of the text on your site (not including header). If you do have any text that is on a black background, it will vanish with the above changes.

 

Steve

[Guest]

Hi

 

No not working either!

 

I found -

 

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;

}

 

There is no colour value, so I added a bit to make it read

 

TD.main, P.main {

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

font-size: 11px;

line-height: 1.5;

color: #000000;

}

 

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

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

font-size: 10px;

padding-left: 10px;

color: #000000;

}

 

With the extra color: #000000; included, didnt change a thing.

 

What am I doing wrong??!!!

 

Pulling hair out!

[Brooke]

if the text you want to change are links then you need to change the colors here

A {
color: #747474;
text-decoration: none;
}

A:hover {
color: #888888;
text-decoration: underline;
}

 

there are also a ton of font color classes at the end of your css from the template, i assume. if all else fails, find out the hex number of the text you are trying to change, then search for that color in the stylesheet.

[Guest]

Hi

 

Tried all of that, even searched for the colour - #999999 which Im nearly sure is the grey text colour I wish to change and changed all occurances of it to #000000, but no change.

 

Somewhere, somthing MUST be controlling the colours of this template?

[Guest]

Can you provide a URL of the problem and an example of the text you want changing.

[Brooke]

well #747474 and #888888 are both light grey colors.

make sure you are saving the file and reuploading it properly. maybe test that by changing something big like body bg color just to make sure you are saving and re-uploading properly.

 

i dont know, maybe post a link to the site so we can check it out?

[PD_Steve]

If changing smallText and main made no difference at all, and also changing all backgrounds to black did not effect your site then the answer is simple :- There is no way at all is that stylesheet the one your site is using.

 

Do you have any other .css file at all in your catalog directory and is your site a templatemonster site as they tend to change stylesheet to just style.css

 

For reference - changing these files below

 

A {

color: #747474;

text-decoration: none;

}

 

A:hover {

color: #888888;

text-decoration: underline;

}

 

Would have only effected anything using an <a> such as <a href> and would not have changed the complete site. After changing those did any of your links change color. If no, then I am 100% positive your changing the wrong stylesheet as the classes above are global across the complete site for any link text.

 

 

Steve

[PD_Steve]

Do you have this line in your index.php around the start of the HTML headers

 

<link rel="stylesheet" type="text/css" href="stylesheet.css">

 

If not, can you link the top 100 or so lines of your index.php?

[PD_Steve]

Your site is a templatemonster template, but its using the stylesheet.css in your root directory.

 

I downloaded your stylesheet.css from your root directory and I cannot see any of the changes you mentioned making above. Are you sure your uploading this to the correct place?

 

Steve

 

(you should be uploading the stylesheet.css to http://www.stormmonkey.com/ )

[Guest]

Your site is a templatemonster template, but its using the stylesheet.css in your root directory.

 

I downloaded your stylesheet.css from your root directory and I cannot see any of the changes you mentioned making above. Are you sure your uploading this to the correct place?

 

Steve

 

(you should be uploading the stylesheet.css to http://www.stormmonkey.com/ )

 

Whoops, sorry but that isnt our site!

[Guest]

AT LAST, TURNS OUT THERE WAS A DIGIT MISSING

 

SUCCESS

 

THANKS FOR ALL YOUR HELP!

[spax]

Good you have fixed this. I have to admit, I didn't read your original post properly. I saw "light grey" and assumed you meant the general colour scheme. I just read it again and noticed you said text. Soz! :rolleyes:

 

Still, alls well that ends well. :-"

[PD_Steve]

Glad you fixed it.

 

Bit baffled though. How could one digit in your stylesheet have any effect on the complete text on your site whereas changing multiple classes thoughout your stylesheet did nothing :-"

 

I hope one day you will link the URL to your site when its ready so that all can be revealed B)

 

Steve