Solved

Cannot change font color with css

Posted on 2013-05-17
9
458 Views
Last Modified: 2013-05-17
I have been unable to change the font color to white with css:
.Bfont22{
       font-size: 22px; font-family: verdana, arial, helvetica, sans-serif;
               font-weight: bold;
                     font-color: #FFFFFF;
                     text-align: center;
       }  
I have also tried:
 font-color: white;
I am trying to use it like this:
<span class="Bfont22"> RoofCalcWriter 10.8</span></font></td>
What is wrong ?
0
Comment
Question by:isnoend2001
  • 5
  • 4
9 Comments
 
LVL 14

Expert Comment

by:Juan Ocasio
ID: 39176433
change font-color to color
0
 

Author Comment

by:isnoend2001
ID: 39176451
Thanks jocasio123, but it made no difference
.Bfont22{
       font-size: 22px; font-family: verdana, arial, helvetica, sans-serif;
               font-weight: bold;
                     color: #FFFFFF;
                     text-align: center;
       }  
Here's the unfinished page:
http://roofgenius.com/test.asp
0
 
LVL 14

Expert Comment

by:Juan Ocasio
ID: 39176466
The class you're using on the span is wrong.  You have it as .Bfont18
0
 

Author Comment

by:isnoend2001
ID: 39176482
Sorry, for some reason the file did not upload, But the problem remains even with the correct
span name
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Comment

by:isnoend2001
ID: 39176530
I've requested that this question be closed as follows:

Accepted answer: 0 points for isnoend2001's comment #a39176451

for the following reason:

Thanks I was styling the wrong line with a white background

<table class="NailTable">
<caption><span class="Bfont12">RoofCalcWriter 10.8</span></caption>
<tbody><tr>
       works on the blue background
      <th colspan="3"><span class="Bfont22">RoofCalcWriter 10.8</span></th>
It was working, but could not be seen white on white
0
 
LVL 14

Expert Comment

by:Juan Ocasio
ID: 39176523
Hmm. That's strange.  I changed the doc in firebug and got the white text.  Perhaps you should empty your cache to see if that works.
0
 
LVL 14

Accepted Solution

by:
Juan Ocasio earned 500 total points
ID: 39176528
I'm not sure why this is being closed.  I've identified the fact that the wrong class was being used, and even tested it in firebug.  The class that was being used was <span class="Bfont18"> as I reviewed the file That was attached.  Now the span that he is showing is correct with the proper class.
0
 
LVL 14

Expert Comment

by:Juan Ocasio
ID: 39176531
I'm not sure why this is being closed.  I've identified the fact that the wrong class was being used, and even tested it in firebug.  The class that was being used was <span class="Bfont18"> as I reviewed the file That was attached.  Now the span that he is showing is correct with the proper class.
0
 

Author Closing Comment

by:isnoend2001
ID: 39176535
I must have clicked the wrong button, thanks for the help
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
CSS Font Arial Narrow 2 31
Materializecss - Different Behaviors in Browser's 1 17
CSS z-index issue 3 17
Objects on Same Line 2 16
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

932 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now