Solved

Cannot change font color with css

Posted on 2013-05-17
9
467 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

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
 

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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

733 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