Hi @breecrowder,
The following custom CSS would change the colour of all links on your site to green:
a, a:hover, a:focus, a:active, a:visited {
color: #6DAE90;
}
Give that a try and let me know if everything then looks as you wish it to on your site.
That CSS changes some of the sliding post titles to green, and leaves some of them white. Not sure why that is?
The CSS makes green the default for all links on your site. If you’d like to then style others links, such as the sliding titles on your home page, then you’d need to add extra CSS to override the default.
The following would turn those links back to white:
.home .entry-title a, .home .entry-title a:hover, .home .entry-title a:focus, .home .entry-title a:active, .home .entry-title a:visited {
color: #FFF;
}
Hope that’s helpful!
Thank you, Siobhan. To clarify, can those two snippets of CSS replace the following code, or should they be used in addition to the following code?
.entry-content a:link {
color: #6DAE90;
}
.entry-content a:hover, .entry-content a:active, .entry-content a:link {
color: #6DAE90;
}
.main-navigation ul li a {
color: #6DAE90;
}
.main-navigation ul li a:hover {
color: #6DAE90;
}
.menu-toggle ul a:hover, .main-navigation.toggled .nav-menu ul a:hover, .site-title a, .main-navigation ul li:hover > a, .main-navigation ul li:hover > a:visited, .main-navigation ul .current_page_item > a, .main-navigation ul .current-menu-item > a {
color: #6DAE90;
}
.entry-content a {
color: #6DAE90;
}
.entry-content a:hover, .entry-content a:active {
color: #6DAE90;
}
.comment-content a:visited {
color: #6DAE90;
}
Hi Bree,
If you set the colour as the default for your links then that extra custom CSS will be redundant and can/should be removed.
Give it a try and let me know how you get on.
