Solved

CSS - rule definition names

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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

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

Title # Comments Views Activity
CSS SASS 4 55
TypeError jquery issues with site - CSS conflicts 3 46
toggle content 12 39
Importing website from Wordpress into updated theme 3 34
Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
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... …
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

734 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