Solved

CSS - rule definition names

Posted on 2012-04-06
4
245 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
  • 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

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

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

Suggested Solutions

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.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
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 …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

830 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