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
Solved

CSS class overrides applied class

Posted on 2015-01-20
6
72 Views
Last Modified: 2015-01-20
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
Comment
Question by:weknowjack
  • 3
  • 2
6 Comments
 
LVL 38

Expert Comment

by:Tom Beck
ID: 40560322
I see this class="60px-subhead-blue" in the div and .60px-subhead-orange in the css definition. Significant?
0
 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 40560328
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
 

Author Comment

by:weknowjack
ID: 40560330
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
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 

Author Comment

by:weknowjack
ID: 40560341
I didn't know that about the numbers. I'll switch things around and see if that works. Let you know shortly.
0
 

Author Closing Comment

by:weknowjack
ID: 40560346
Problem was the class structure, as pointed out. Thanks much.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 40560389
You're welcome, glad to help.
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

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... …
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
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 rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

838 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