Question

I am using the toolbox theme for wordpress. This is the code used to display the title of each post on the blog page inside an h1 tag

<h1 class="entry-title"><a href="<?php t he_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'toolbox' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php     the_title(); ?></a></h1>

It is displaying the titles correctly on the page but when i try to edit the appearence of these titles by using css, there is no change, the color still remains blue:

.entry-title {color:#000;}

There is a strange blue underline beneath the title too, i would also like that to be removed.

Here’s the html output of that page:

<header class="entry-header">
<h1 class="entry-title">
<a rel="bookmark" title="Permalink to Haley Joel Osment to Try Acting As a Grown Up in New…" href="http://localhost/wordpress/featured/haley-joel-osment-to-try-acting-as-a-grown-up-in-new-6/">Haley Joel Osment to Try Acting As a Grown Up in New…</a>
</h1>
<div class="entry-meta">
</header>

Answer 1

The class declaration .entry-title does not affect the links within the h1 element.
If you want to address the links inside the h1 element you have to use the selector h1.entry-title a.

Example to remove the underlines and set the color explicitly:

h1.entry-title a { text-decoration:none; color:red; }

PS: In this context the prefix h1. might be optional, but it offers a more specific differentiation.