Site logo

[Resolved] More Button Color Problem

Home Forums Support [Resolved] More Button Color Problem

Home Forums Support More Button Color Problem

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1541466
    Marius

    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?

    #1541717
    Leo
    Staff
    Customer Support

    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?

    #1543119
    Marius

    No, I have not solved this. Problem is still there.

    It also happens with WP Rocket disabled.

    #1543147
    Elvin
    Staff
    Customer Support

    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.

    #1543863
    Marius

    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?

    #1543999
    David
    Staff
    Customer Support

    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;
    }
    #1544131
    Marius

    Hi David,

    that seems to work fine. Since changing this code, the problem did not happen again.

    Thanks a lot!

    #1544435
    David
    Staff
    Customer Support

    Glad to hear that!

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.