I have a few link styles throughout my website and on one of them I would like to NOT have the links bold....
all of the links are bold, which i dont mind, but on one of them i would like the same font weight as the same as the site. I thought that !important would work but it didnt.
Any ideas? Thanks
a.greylinks:link {color: #999999; text-decoration: none; font-weight: normal; !important;} a.greylinks:visited {color: #999999; text-decoration: none; font-weight: normal; !important;} a.greylinks:hover {color: #999999; text-decoration: none; font-weight: normal; !important;} a.greylinks:active {color: #999999; text-decoration: none; font-weight: normal; !important;}
And the HTML is here
<tr> <td><img src="/media/73115/blueschedulesarrow2.png" alt="Included in the Course" width="14" height="14" rel="14,14" /><a href="/what-you-need.aspx" class="greylinks">Webinar Class Tuition<img src="/media/83085/infoschedules.png" alt="exclamation" width="18" height="14" rel="18,14" /></a></td> <td><span class="scheduleTitle">Time Zone:</span> Eastern Standard Time</td> </tr>
Instead of font-weight:
Instead of
font-weight: normal; !important;
try
font-weight: normal !important;
If you would have read the posting guidelines and validated your code, you would have found this.
thanks for that worked great
thanks for that worked great
You shouldn't need all those
You shouldn't need all those !important rules. You also don't need to specify rules for all the states of the anchor when they're all the same. This is all you need:
.greylinks {color: #999; text-decoration: none; font-weight: normal }