- This topic has 7 replies, 2 voices, and was last updated 3 years, 4 months ago by
.
Viewing 8 posts - 1 through 8 (of 8 total)
-
Posts
-
Hi, is there a way I can style the WP Show Posts “Read More…” button please? The default styling (colours) don’t fit with our website colour scheme. Thank you,
NicolaCustomer Support
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
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.
