Can't change font color

[BradyPartridge]

I’m having a hard time trying to change the font color of the “Read More” under the Count Meinrard heading on the home page of my blog. This is the code I’m using:

<span style="font-family:Constantia; font-size:19px; color: #2089AF;"><a  href="http://thecontentbloke.com/shopping-mall-misadventure/">Read More...</a></span>

I added the “important” attribute to the code, but that did nothing. The font color still remains a different shade of blue than the other instances of “Read More” on the home page.

What am I doing wrong?

Many thanks in advance for your help.

[Paulie_D]

You really shouldn’t be using inline styles in your HTML.

Change this

<span style="font-family:Constantia; font-size:19px; color: #2089AF;"><a href="http://thecontentbloke.com/shopping-mall-misadventure/">Read More...</a></span>

to this

<span><a href="http://thecontentbloke.com/shopping-mall-misadventure/">Read More...</a></span>

and add an appropriate class.

You have this

.feature_contentbox a.readmore {
    color:#2089AF;
    font-size:19px;
    line-height:21px;
    font-family: "Constantia";
    margin-top:15px;
    font-weight:normal;
    display:block;
}

.feature_contentbox a.readmore:hover {
    opacity:0.5;
}

I suggest you expand it to include .feature_infobox links

[BradyPartridge]

Thanks very much for your response.

I’ve applied the new span code you recommended but aren’t sure how to expand the other code to include the infobox.

[Paulie_D]

If I recall correctly all you would need to so is

.feature_contentbox a.readmore,
.feature_infobox a.readmore  {
    color:#2089AF;
    font-size:19px;
    line-height:21px;
    font-family: "Constantia";
    margin-top:15px;
    font-weight:normal;
    display:block;
}

.feature_contentbox a.readmore:hover,
.feature_infobox a.readmore:hover  {
    opacity:0.5;
}

[BradyPartridge]

I made those code mods, but alas they didn’t have any effect.

[Author]

Posts