asked on

CSS Not Rendering Properly...

Can someone take a look at http://testbed.mf-initiative.org/ and let me know why the word reporting isn't showing up as a different color. The CSS it is calling from http://testbed.mf-initiative.org/Content/css/style.css. It looks like it should work and if i do an inline style=color: #FFF it works just fine. If I change the background color, it does render... Done beating my head against Monday.

Scott Fell

Because your inline css takes precedent.

 <span style="font-size: 55px; font-weight: bold; color:white; padding-left: 25px;">Portfolio Reporting</span>

Open in new window

Get rid of all the inline stuff and add it to a class.

.something{
 font-size: 55px; 
 font-weight: bold; 
 color:white; 
  padding-left: 25px;
}
.red{
 color:red;
}
 <span class="something">Portfolio <span class="red">Reporting</span></span>

Open in new window

Scott Fell

above in action with green background https://jsbin.com/xazora/edit?html,output

digitalwise

ASKER

That isn't what I am trying to change - I am trying to change the menuing - sorry that wasn't clear - Reporting | Data Collection | etc...

digitalwise

ASKER

.menu-top-active

ASKER CERTIFIED SOLUTION

Scott Fell

membership