Styling Read More

  • Resolved crosstherubicon

    (@crosstherubicon)


    3 years, 4 months ago

    Why isn’t this working to style the Read More buttons on this page?
    https://lssscstaging.wpengine.com/

    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;
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Elvin

    (@ejcabquina)

    Hi there,

    It’s because it’s loses in CSS precedence vs. the css styling applied by the plugin.

    The plugin uses a more selector specified CSS that this one.

    Example:

    #wpsp-18432 .wp-show-posts-read-more:hover coming from the plugin is more specific than a.wp-show-posts-read-more:hover so it wins in CSS precedence.

    You can try using !important on your CSS properties or use the Read more button color on the content tab of the WPSP list.

    Thread Starter crosstherubicon

    (@crosstherubicon)

    Worked great. Thanks!

    Plugin Support Elvin

    (@ejcabquina)

    No problem. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Styling Read More’ is closed to new replies.