- This topic is empty.
-
AuthorPosts
-
June 14, 2013 at 1:43 pm #45538Clare12345Participant
Hi,
I have been trying to change the color of the links only in the footer of my website. The link CSS dropdown in the Theme Options is set to #FFF, but I want the footer text color to be #CCC. I have tried the following:
Updating to the newest Canvas theme.
Creating a `` around the text and using for my CSS:#footerright {
font-weight: normal;
font-size: 8pt;
color: #ccc!important;
text-decoration: none;
}
#footerright:a {
font-weight: normal;
font-size: 8pt;
color: #ccc!important;
text-decoration: none;
}
#footerright a:hover {
font-weight: normal;
font-size: 8pt;
color: #ccc!important;
text-decoration: none;
}
#footerright a:link {
font-weight: normal;
font-size: 8pt;
color: #ccc!important;
text-decoration: none;
}All of these font sizes, text-decoration, and font-weight attributes work and are effecting the #footerright div except for the color. I have never been able to change the link color anywhere for one specific link in any site I’ve used Canvas on. I can only change the color of all the links on the whole site. I’ve looked for other CSS files and couldn’t find any that specify link color. How is this possible?
I appreciate your help, this is a huge help!
Thanks,
Clare
June 14, 2013 at 1:52 pm #138730Paulie_DMemberA live link would be better.
June 14, 2013 at 2:02 pm #138731Clare12345ParticipantI will have to ask my client if he would be ok with it. Just going to check and I’ll post it if I can.
Thank you.June 14, 2013 at 2:26 pm #138733Paulie_DMemberI would say that this….
footerright:a {
font-weight: normal; font-size: 8pt; color: #ccc!important; text-decoration: none; }should be this
footerright a {
font-weight: normal; font-size: 8pt; color: #ccc!important; text-decoration: none; }June 14, 2013 at 2:28 pm #138734Paulie_DMemberAlso…since these
footerright a:hover {
font-weight: normal; font-size: 8pt; color: #ccc!important; text-decoration: none; }footerright a:link {
font-weight: normal; font-size: 8pt; color: #ccc!important; text-decoration: none; }are the same as the malformed one above…they actually do nothing unless you are trying to override something higher up.
June 14, 2013 at 5:56 pm #138762Clare12345ParticipantWell, I tried that, and it doesn’t seem to be working. I changed the #footerright:a to #footerright a and it didn’t change the value of the color. Even when I try to change it in Google Chrome’s Inspect Element feature, the color doesn’t change. I checked the values above it, and I didn’t see any there either. Maybe there is a 2nd/3rd place the Canvas theme is pulling it’s style sheets from that could be overriding it.
Thank you!June 14, 2013 at 6:01 pm #138763Clare12345ParticipantActually, that did work. I was trying to change one of the a:hover or a:link items in the CSS, but really I should have been changing the #footerright a and that’s what worked. I am also trying to change the color to a similar color, which is making it slightly hard to tell if it worked. But I changed it to a very different color for a minute to make sure it was working.
Thank you!!!
Clare
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.