How to change the text color of link before and after visit?

Hi,

I would like my link text in dark blue #2A0671 before visit, link text color in #7109AA after link is been visited. How and where can I set that?

Thanks,
Candice
http://littletinyhouse.com/

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

 a {
color: red ! important;
}
a:hover {
color: blue ! important;
}

In place of "red" and "blue " you can put your color or color code.
This will solve your issue.

 

This doesn't work, it changed the color of all my page name in the menu. I have to delete that code after i paste in there. It tread each page's name as a link as well.

Do I have any control for the link before and after color inside of a page only?

Thanks!
Candice

 

Hello,

Could you please explain your problem with the help of screenshot, where you want to change the link color, so that we can give you the exact solution.


Thanks & Regards
Gourav Shrivastava

 

okay, here is before I paste the code:



This is after I paste the code (My menu change to red and blue color as well) and in each page, the page title is red or blue too: you can see it here: http://littletinyhouse.com/

 

Hello,

Could you please explain your issue more clearly and specify it with the help of screenshot images that which link text you want to change the color .

 

I want to change the color of links that is inside of each post, by paste code provide, it change links inside of post AND changed all my menus. I don't want my menu look blue and red. To delete the code you provide, my menu back to normal default grey color, but how do I change just links inside of post?
Thanks!

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

a {
color: red ! important;
}
a:hover {
color: blue ! important;
}
#menu li a {
color: #565656 ! important;
}
#menu li.current_page_item a, #menu a:hover {
color: #268e10 ! important;
}
#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
color: #565555 ! important;
}
#menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
color: #56900e! important;
}

This will solve your issue.

 

Hello,

Firstly remove the code provided above then,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

h1.post-title a {
color: yellow;
}
h1.post-title a:hover {
color: green;
}
 
.feature-content .feature-box-inner h1 a{
color:yellow;
}
.feature-content .feature-box-inner h1 a:hover{
color:green;
}
 
.feature-blog .feature-blog-item h1 a:hover{
color:green;
}
.feature-blog .feature-blog-item h1 a{
color:yellow;
}
 
.footer .footer-inner ul li a {
color: yellow;
}
 
.footer .footer-inner ul li a:hover {
color: green;
}
h1.page-title a {
color: yellow;
}
h1.page-title a:hover {
color: green;
}
 
a.qa-faq-anchor {
color: yellow;
}
a.qa-faq-anchor:hover {
color: yellow;
}
 
 

Thanks & Regards
Gourav Shrivastava

 

Ooo... it changed my text link inside of FAQ to yellow and lots names links in yellow on home page.

Hey guys, thank you, never mind, I am going to forget about this, there are more important thing I need work on this site other then change the link color. Thanks for your time!
Candice

http://littletinyhouse.com/?page_id=40