Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 86
  • Last Modified:

CSS class overrides applied class

Here is my html:
<div class="60px-subhead-blue"><b>20<span class="supersize-text-sup">% </span>OFF ANY NEW FURNACE!</b></div>

Open in new window


And here's my css:
.60px-subhead-orange {
	font-size: 60px;
	color: #EB872B;
	line-height: 94%;
}

Open in new window


and here the page, top center box with the gray border:
http://www.dallasplumbing.com/index-winter-2-2014.php

If I apply the style inline it works. Otherwise it won't.
0
weknowjack
Asked:
weknowjack
  • 3
  • 2
1 Solution
 
Tom BeckCommented:
I see this class="60px-subhead-blue" in the div and .60px-subhead-orange in the css definition. Significant?
0
 
Dave BaldwinFixer of ProblemsCommented:
I don't understand the question.  '60px-subhead-blue' and '60px-subhead-orange' are not the same classes.  In addition, class names are not supposed to start with a number and neither are id names.
0
 
weknowjackAuthor Commented:
Sorry. Copied the wrong css. They are both there:
.60px-subhead-orange {
	font-size: 60px;
	color: #EB872B;
	line-height: 94%;
}
.60px-subhead-blue {
	font-size: 60px;
	color: #228EFF;
	line-height: 94%;
}

Open in new window

0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
weknowjackAuthor Commented:
I didn't know that about the numbers. I'll switch things around and see if that works. Let you know shortly.
0
 
weknowjackAuthor Commented:
Problem was the class structure, as pointed out. Thanks much.
0
 
Dave BaldwinFixer of ProblemsCommented:
You're welcome, glad to help.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

The 14th Annual Expert Award Winners

The results are in! Meet the top members of our 2017 Expert Awards. Congratulations to all who qualified!

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now