We're merging with GenerateBlocks! Learn more here.

[Support request] Styling of Read More button

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Styling of Read More button

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #35295
    David
    Participant

    When I went Pro my styling for the Read More went away. Here’s the CSS I’m using with Simple CSS:

    .wp-show-posts-inner .wpsp-read-more {
    margin: 0 auto;
    }

    .wp-show-posts-inner {
    display: flex;
    flex-direction: column;
    }

    a.wp-show-posts-read-more,
    a.wp-show-posts-read-more:visited {
    display: inline-block;
    padding: 8px 15px;
    border: 2px solid #f39200;
    color: #222;
    font-size: 1.0em;
    text-decoration: none;
    }

    .wpsp-read-more {
    margin: 0 0 1em;
    display: inline-block;
    }

    a.wp-show-posts-read-more:hover,
    a.wp-show-posts-read-more:focus {
    border: 2px solid transparent;
    color: #fff;
    background: #f39200;
    text-decoration: none;
    }

    #35297
    David
    Participant

    For this site – https://www.lsssc.org/

    Works at this site but it only has free version – https://lssscstaging.wpengine.com/

    #35312
    elvin
    Moderator

    Hi David,

    I’m not sure I’m seeing any difference. I’ve checked both sites and they use the same selectors and they both behavior the same way. (changing to gray box, white text on hover)

    Can you try clearing your browser’s cache and see if it still behaves the same?

    #35323
    David
    Participant

    Yeah, there’s no difference because I had to overwrite he staging site. What I want is the background on the Read More button on hover to change to #f39200. This is what I had going before I upgraded to Pro from the free version, please see CSS above. It was working, now it’s now.

    #35338
    elvin
    Moderator

    Ah I see what you mean now.

    WP Show Posts Pro version has a setting on the Content Tab for Read more button color. That setting is overriding the CSS you’ve added.

    It’s this one – https://share.getcloudapp.com/7KuAAYnE

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