How to style WP show posts "Read more..." button

Hi there,

you can try this CSS:

.wpsp-read-more a {
    background-color: #f00;
    color: #fff;
}

If theres a specific style you need to match, share a link to the site where i can see the style, and ill update the CSS

Hi, that helps thanks, but doesn't give me the hover options? The post links are from the homepage here https://pensionadvicescotland.com

Try this CSS:

.wpsp-read-more a.wp-show-posts-read-more {
    border-radius: 4px;
    box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
    background-color: #20385A;
    color: #ffffff;
    font-size: 15px;
    padding: 15px 20px;
}

.wpsp-read-more a.wp-show-posts-read-more:hover {
    background-color: #C6A459;
    color: #20385A;
    box-shadow: 0 30px 20px -20px rgba(0, 0, 0, 0.3);
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}

Thank you!

Oh no - i posted the wrong CSS... try the updated CSS above:

https://generatepress.com/forums/topic/how-to-style-wp-show-posts-read-more-button/#post-2211676

It now has the fancy hover :)

That's even better, thank you.

You're welcome