[Resolved] Button CSS in WPshowposts

[Mark]

Hello, can you advise if there is a way of making WPshowposts button style inherit that of the main GP theme please? Or where I can edit the CSS manually? Apologies if this is not the correct forum for this question.

Thanks

[David]

Hi there,

it really is a question for the WP Show Posts forum but you can use this CSS to style the button:

a.wp-show-posts-read-more {
    border: 2px solid #222;
    color: #222;
    background-color: #ccc;
}

a.wp-show-posts-read-more:hover {
    border: 2px solid #222;
    color: #222;
    background-color: #ccc;
}

[Mark]

Hi David,

Cheers. I’d assumed that was the case from the plugin CSS. Supplementary question – do you recommend
1. Edit it directly, or//
2. Comment out and add my own css style in Customise > Additional CSS, or//
3. Override using !important?, and/or//
4. Use child theme to prevent CSS from being overwritten when plugin is updated?

Thanks.

[David]

I would add the CSS in either my child theme style sheet or in the Additional CSS.
You should only require !important if the style sheets are being loaded after the plugin is – which should not be the case.

Again you shouldn’t need to but to avoid !important we can make the CSS more specific then the plugins style sheet by including the read more wrapper like so:

.wpsp-read-more a.wp-show-posts-read-more

[Author]

Posts