Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 02-17-2010, 03:18 PM
Linda in NY's Avatar
Linda in NY Linda in NY is offline
v7n Mentor
 
Join Date: 07-24-06
Location: Western NY
Posts: 1,278
iTrader: 0 / 0%
Question CSS font color issue, appreciate any help

Hi all,

I'm trying to change the font color on the left and right side of my site to a dark brown or anything other than what it is now lol.

When I change the font color for hover it works fine, but I can't get it to change for anything else, and the color is killing me. Here is a portion of the css I have, can someone here please take a look at it and see what I'm doing wrong ?
Code:
body { background-color: #ffffcc; font-size: 12px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#000000; padding:0; margin: 0; } a:style {color: #663300;} a:visited {color: #4aa4d6;} a:hover {color: #663300;} a:active {color: #663300;} h1 { font-size: 11px; text-transform:uppercase; background-color: #cfdab8; border-top:1px solid #564b47; border-bottom:1px solid #564b47; padding:5px 15px; margin:0 } h2 { font-size:18px; color: brown; background-color: #e9ba62; font-weight: normal; padding: 5px 10px; margin:0;}
Thanks and have a great day,
Linda

Last edited by Linda in NY; 02-17-2010 at 03:19 PM. Reason: added the question about posting a link to the site
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 02-17-2010, 03:25 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,591
iTrader: 5 / 100%
Quote:
Originally Posted by Linda in NY View Post
Hi all,
I'm trying to change the font color on the left and right side of my site to a dark brown or anything other than what it is now lol.
If you are using tables for the layout, then create a class for the colour and apply it to the applicable <td> tag(s).

A better way would be to surround the text you want to change the colour of with a div that has a class attached to.

e.g.
Code:
.red { color: #FD2623; }
a specific cell of your table layout:
HTML Code:
<td class="red">
or for a block within the web page:
HTML Code:
<div class="red"> Stuff you want red </div>
 
Reply With Quote
  #3  
Old 02-17-2010, 03:36 PM
Uncle Dog Uncle Dog is offline
Contributing Member
 
Join Date: 01-16-10
Posts: 151
iTrader: 0 / 0%
Hi Linda

I think your a:style should be a:link
 
Reply With Quote
  #4  
Old 02-17-2010, 06:26 PM
Linda in NY's Avatar
Linda in NY Linda in NY is offline
v7n Mentor
 
Join Date: 07-24-06
Location: Western NY
Posts: 1,278
iTrader: 0 / 0%
Quote:
Originally Posted by Uncle Dog View Post
Hi Linda

I think your a:style should be a:link
Thanks Uncle Dog,

I tried a:link, no go, ugh.....

I appreciate the input though.

Have a good one,
Linda
 
Reply With Quote
  #5  
Old 02-17-2010, 10:01 PM
jerrodmc's Avatar
jerrodmc jerrodmc is offline
Contributing Member
 
Join Date: 05-13-09
Posts: 165
iTrader: 0 / 0%
try inserting this

<body link="#330000">

you can replace it with any color you want.

or if you want to change specific links color you can use class

Quote:
<a href="blue.htm" class="blue">Blue Bold Link</a>
Quote:
a.blue:link {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:active {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:visited {color: #0000ff; background: #ffffff; font-weight: bold;}
a.blue:hover {color: #0000ff; background: #ffffff; font-weight: bolder;}

Last edited by jerrodmc; 02-17-2010 at 10:13 PM.
 
Reply With Quote
  #6  
Old 02-18-2010, 06:10 AM
Linda in NY's Avatar
Linda in NY Linda in NY is offline
v7n Mentor
 
Join Date: 07-24-06
Location: Western NY
Posts: 1,278
iTrader: 0 / 0%
Quote:
Originally Posted by jerrodmc View Post
try inserting this

<body link="#330000">

you can replace it with any color you want.

or if you want to change specific links color you can use class
Thanks jerrodmc,

Now to sound like a total dummy, it's been so long since I worked on the css on the site, where abouts in the code do I insert that ??

I know I'm pretty much hopeless right now, I've been reading tutorials again since it's been so long since I worked on this portion of the site.

I always worry when dealing with tables and all that, I tend to blow things up when I mess with that part of it.

Thanks for your help,
Linda
 
Reply With Quote
  #7  
Old 02-18-2010, 06:12 AM
Linda in NY's Avatar
Linda in NY Linda in NY is offline
v7n Mentor
 
Join Date: 07-24-06
Location: Western NY
Posts: 1,278
iTrader: 0 / 0%
Thanks htmlbasictutor,

I appreciate the help, like I replied to other people here, as soon as I remember how to do all that I'll have to give it a shot. It's been awhile since I've had to deal with all that td and div stuff, that I've been trying to read up on tutorials again.

Sorry that I'm being so dense on this right now, but I really am greatful for everyone's help here, it will just take me a bit for it to sink back in lol.

Thank you and have a great day,
Linda
 
Reply With Quote
  #8  
Old 02-18-2010, 09:46 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,591
iTrader: 5 / 100%
Quote:
Originally Posted by Linda in NY View Post
Thanks jerrodmc,

Now to sound like a total dummy, it's been so long since I worked on the css on the site, where abouts in the code do I insert that ??
In your layout.css file.

But if you do this for the body tag, all your link colour will change. Thought you just wanted the sidebar font colour changed?
 
Reply With Quote
  #9  
Old 02-18-2010, 10:02 AM
Linda in NY's Avatar
Linda in NY Linda in NY is offline
v7n Mentor
 
Join Date: 07-24-06
Location: Western NY
Posts: 1,278
iTrader: 0 / 0%
Quote:
Originally Posted by htmlbasictutor View Post
In your layout.css file.

But if you do this for the body tag, all your link colour will change. Thought you just wanted the sidebar font colour changed?
You are right htmlbasictutor,

I just want the links changed, not all of the text. I'm so confused. You see I wanted to change the links to a color similar to the font color of the H2 fonts in the sidebars. So that it looks better.

On the right sidebar I have links but text also and I just wanted to change the links on that side as well, not all the text.

If this helps here's a link to the site.

My Site

Thanks,
Linda
 
Reply With Quote
  #10  
Old 02-18-2010, 10:26 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,591
iTrader: 5 / 100%
Now you are confusing me.

In the layout.css file,

If you want all links changed (every single one), find:
Code:
a:link {color: #663300;} a:visited {color: #4aa4d6;} a:hover {color: #663300;} a:active {color: #663300;}
and change the color number.

If you just want the links on the left and right changed, add:
Code:
#left a:link {color: #663300;} #left a:visited {color: #4aa4d6;} #left a:hover {color: #663300;} #left a:active {color: #663300;} #right a:link {color: #663300;} #right a:visited {color: #4aa4d6;} #right a:hover {color: #663300;} #right a:active {color: #663300;}
and change the color number.

The headings on the right look a red colour to me but you had put the colour name brown in the CSS file. My colour picker says the colour of the headings on the right are #A52A2A.
 
Reply With Quote
  #11  
Old 02-18-2010, 10:34 AM
Linda in NY's Avatar
Linda in NY Linda in NY is offline
v7n Mentor
 
Join Date: 07-24-06
Location: Western NY
Posts: 1,278
iTrader: 0 / 0%
htmlbasictutor,

Please don't kill me in the layout.css file, I did just what you said before I even posted the initial thread here, and for some reason the color won't change. The only one that changes when I do it is the hover color. I don't get it ??!!

I changed the color codes in the file, and ftp it, and the colors don't change, that's why I posted to see if there was something wrong with the coding, I'll post my whole layout.css file in a second and maybe that'll help.

I'm so confused or stupid !

Thanks for your patience !!!
Linda

Quote:
Originally Posted by htmlbasictutor View Post
Now you are confusing me.

In the layout.css file,

If you want all links changed (every single one), find:
Code:
a:link {color: #663300;} a:visited {color: #4aa4d6;} a:hover {color: #663300;} a:active {color: #663300;}
and change the color number.

If you just want the links on the left and right changed, add:
Code:
#left a:link {color: #663300;} #left a:visited {color: #4aa4d6;} #left a:hover {color: #663300;} #left a:active {color: #663300;} #right a:link {color: #663300;} #right a:visited {color: #4aa4d6;} #right a:hover {color: #663300;} #right a:active {color: #663300;}
and change the color number.

The headings on the right look a red colour to me but you had put the colour name brown in the CSS file. My colour picker says the colour of the headings on the right are #A52A2A.
 
Reply With Quote
  #12  
Old 02-18-2010, 10:39 AM
Linda in NY's Avatar
Linda in NY Linda in NY is offline
v7n Mentor
 
Join Date: 07-24-06
Location: Western NY
Posts: 1,278
iTrader: 0 / 0%
htmlbasictutor,

OMG, I just noticed something. I checked it in internet Explorer and the colors are right, in firefox they didn't change. What the heck could cause the difference ??

Thanks,
Linda
 
Reply With Quote
  #13  
Old 02-18-2010, 11:28 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,591
iTrader: 5 / 100%
Clear the browser cache.

Clear Web Browser History Firefox and while you are in there, set up FF to not save your history (Firefox Web Browser History).
 
Reply With Quote
  #14  
Old 02-18-2010, 12:06 PM
Linda in NY's Avatar
Linda in NY Linda in NY is offline
v7n Mentor
 
Join Date: 07-24-06
Location: Western NY
Posts: 1,278
iTrader: 0 / 0%
Quote:
Originally Posted by htmlbasictutor View Post
Clear the browser cache.

Clear Web Browser History Firefox and while you are in there, set up FF to not save your history (Firefox Web Browser History).
ahem, I have an announcement to make, and everyone listen up !

htmlbasictutor, IS A SAINT ! And a PATIENT one at that

That did it, omg, I've played with code for 3 days and looked at tutorials racking what's left of my pea brain.

THANK YOU, THANK YOU, THANK YOU,

Now I can work on the actual color I want, after a break for a day, ouch my brain hurts.

Have an awesome day htmlbasictutor, because you made mine !!
Linda

and everyone else that made suggestions thank you also, this poster needs all the help she can get
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Font Color Active heliosphan Web Design Lobby 3 03-08-2009 08:03 PM
Font issue, im noob RyOn Web Design Lobby 4 12-25-2008 09:30 PM
Change Color, Font, & Size on Hyperlink freebieconvention Web Design Lobby 12 09-12-2008 12:10 PM
Scroll bar color change issue richarduwc Web Design Lobby 3 05-28-2005 03:16 PM
Logo font/image font Pimpen 2010 Web Design Lobby 6 06-29-2004 01:00 PM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 01:39 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC