[Resolved] Button CSS in WPshowposts

Home Forums Support Button CSS in WPshowposts

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #972845
    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

    #972923
    David
    Staff
    Customer Support

    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;
    }
    #973131
    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.

    #973164
    David
    Staff
    Customer Support

    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

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