Go Premium for a chance to win a PS4. Enter to Win

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

CSS - rule definition names

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
willsherwood
Asked:
willsherwood
  • 2
2 Solutions
 
designatedinitializerCommented:
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
 
HagayMandelCommented:
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
 
designatedinitializerCommented:
no need for all that: just the change I provided will suffice.
0
 
willsherwoodAuthor Commented:
thanks for your help!  all sorted out now.  appreciated.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

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