Solved

CSS - rule definition names

Posted on 2012-04-06
4
259 Views
Last Modified: 2012-04-09
Please help me craft the correct matching CSS rule definition label identifier to be successfully applied to
h4 .punchlist
which governs the styling for the text beginning  "Historic and Scenic Hulls Cove"
on page:
Upscale Vacation Rental House

The goals is to get the text color to be darkblue.

I've tried many combinations of    h4   and   .punchlist   in the rule syntax for:

h4 {
font-weight: bold;
color: darkblue;
}

The use is from WP and cannot be changed, thus i need to find the right CSS rule definition
(which i can easily edit)

thanks!
0
Comment
Question by:willsherwood
[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
  • 2
4 Comments
 
LVL 7

Accepted Solution

by:
designatedinitializer earned 250 total points
ID: 37818137
man... you need to get some rest!   :)
You have no "punchlist" class.
What you have is this:

<li class="punchbox"><h4 class=punchtitle>Historic and Scenic Hulls Cove</h4>

Notice the syntax error: the class name must be inside quotes, like this:

<li class="punchbox"><h4 class="punchtitle">Historic and Scenic Hulls Cove</h4>

If you want to style that heading, do it like this:
h4.punchtitle {
font-weight: bold;
color: darkblue;
}

Open in new window

0
 
LVL 16

Assisted Solution

by:HagayMandel
HagayMandel earned 250 total points
ID: 37821436
You are confusing id with a class!!
Change the CSS rules: #punchbox , #punchbox h4, & #punchbox li to .punchbox , .punchbox h4, & .punchbox li (HASH REPLACED WITH DOT), and you'll be fine.
The Hash is targeting an id attribute, and not the class name.
Read the manual.
0
 
LVL 7

Expert Comment

by:designatedinitializer
ID: 37821743
no need for all that: just the change I provided will suffice.
0
 

Author Closing Comment

by:willsherwood
ID: 37823136
thanks for your help!  all sorted out now.  appreciated.
0

Featured Post

Ready to get started with anonymous questions?

It's easy! Check out this step-by-step guide for asking an anonymous question on Experts Exchange.

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
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…
Suggested Courses

622 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