Question

I have an A tag I’m trying to add a class to. This is probably really simple stuff but I’ve never done this before.

<a class="button" href="landscaping.html">Find out more about our landscape design services</a>

And the CSS:

a .button{
color:#7cc242;
font-family: 'PTSansNarrowBold';
font-size:18px;
margin-top: 7px;
margin-bottom: 0px;
text-align:right;
text-decoration:none;
display: inline-block;
zoom:1;
*display:inline;
padding-right:30px;
background:url(images/more-btn.png) no-repeat top right;}

Nothing seems to be working, I’m just getting the standard blue. Can anyone help?

Answer 1

There shouldn’t be a space! Please change:

a .button{

to:

a.button{

Check out fiddle here: http://jsfiddle.net/VhaNQ/