Archived topic
More Button Color Problem
7 replies · Started by Marius on November 22, 2020
Hi,
I have this problem on a couple of sites, and i don't know what the problem is.
If i hoover the mouse over the More Button, then the background become black and the font become white. That is how it should be.
But sometimes, if i click on the more button, then the white font gets dark, just before the new site is loading. It is not happen every time, but often.
What could be the problem?
Hi there,
I clicked on 7 more buttons but unable to see the issue.
Have you resolved this?
If not can you try again with WP Rocket disabled?
No, I have not solved this. Problem is still there.
It also happens with WP Rocket disabled.
Hi,
You can this styling on your link's :visited pseudoclass found on your Appearance > Customize > Additional CSS.
This seems to be causing the issue.
a.read-more, a.read-more:visited {
padding: 8px 15px;
border: 2px solid #34495E;
color: #34495E;
background-color: transparent;
font-size: .8em;
text-decoration: none;
}Can you try changing the color: #34495E; value to something more prominent. Ex: red, orange, white.
Let us know.
Hi Elvin,
is this css you mentioned responsible for the buttons?
If so, can i maybe simply delete it?
And if not, how do i have to change the color, to get rid of this problem? Is this color for the button background, or for the font inside the button?
Hi there,
try changing that CSS to:
a.read-more {
padding: 8px 15px;
border: 2px solid #34495E;
color: #34495E;
background-color: transparent;
font-size: .8em;
text-decoration: none;
}Hi David,
that seems to work fine. Since changing this code, the problem did not happen again.
Thanks a lot!
Glad to hear that!
