Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

[Resolved] question on how to change wp show post plugin button hover color

Home Forums Support question on how to change wp show post plugin button hover color

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #414279
    mmarvel

    Hi

    I’m using your WP Show Posts plugin with my generate press theme. The button is generally white with a yellow outline. When hovering it turns black with a white text. It does not seem to pick up the button colors I’ve set up in generate press. Is there a way I can change it so that it will pick up GP’s theme button colors? I’m not sure where its getting these colors

    Thanks. Martha

    GP Premium 1.4.3
    #414324
    mmarvel

    Hi I think i just got it. So seem background color is default black but i have this in css to fix

    body .wp-show-posts a:hover {
    box-shadow: 0 0 0 transparent;
    display: inline-block;
    padding: 8px 15px;
    border: 2px solid ##4585bc;
    background: ##4585bc;
    border-radius: 3px;
    color: #ffffff;
    font-size: 0.8em;
    text-decoration: none;
    }

    Would be nice if plugin had some color choice or picked up theme color but all is ok.

    Thanks. Martha

    #414336
    mmarvel

    oops the a:hover changes more then the button so now i am stuck?

    any ideas on how to change just the button…

    thanks martha

    #414354
    Leo
    Staff
    Customer Support

    Hi there,

    Try this selector: a.wp-show-posts-read-more

    If not can you open a topic in WP Show Posts support forum?

    Thanks!

    #414417
    mmarvel

    yes i opened a post but think i’ve got it. thanks. martha

    /* wp show post button color */
    a.wp-show-posts-read-more, a.wp-show-posts-read-more:visited {
    display: inline-block;
    padding: 8px 15px;
    border: 2px solid #980000;
    border-radius: 3px;
    color: #980000;
    font-size: 0.8em;
    text-decoration: none;
    }

    a.wp-show-posts-read-more:hover {
    box-shadow: 0 0 0 transparent;
    display: inline-block;
    padding: 8px 15px;
    border: 2px solid #656f91;
    background: #656f91;
    border-radius: 3px;
    color: #ffffff;
    font-size: 0.8em;
    text-decoration: none;
    }

    #414578
    Leo
    Staff
    Customer Support

    Glad you got it working 🙂

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