Black Friday sale! Get 25% off WPSP Pro! Discount automatically applied at checkout.

[Resolved] Different Style Load More Button

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Different Style Load More Button

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #6005
    Feri
    Participant

    Hi,

    i dont know why i have two different style for Load More Button. ss: https://prnt.sc/ky58pv

    #1 load more button at basic pages
    #2 load more button at archives pages

    Also i have this snippet code to change text button load more, but both have a different result…

    add_filter( 'wpsp_ajax_load_more','wpsp_change_load_more' );
    function wpsp_change_load_more()
    {
        return 'LOAD MORE';
    }

    try to find private field for input blog link but not found so i am not yet input my blog link.

    thanks

    #6007
    Tom
    Keymaster

    Hi there,

    One is using GeneratePress and the other is using WP Show Posts.

    Try giving the WP Show Posts button this class: button

    There’s an option for this in your list 🙂

    #6008
    Feri
    Participant

    Try giving the WP Show Posts button this class: button

    try to add class button to WP Show Post – Edit List – Content – Read more button class – button.

    But nothing happen. The Load more button is still black (diffrent with default button)

    #6012
    Tom
    Keymaster

    Did you leave the button class? I’m currently seeing the default class added to the button on your page.

    #6013
    Feri
    Participant

    setting at wp show post https://prnt.sc/kyrutj

    #6015
    Tom
    Keymaster

    Aha, that setting doesn’t work with the AJAX load more button right now.

    For now, use this CSS:

    a.wp-show-posts-read-more {
        padding: 10px 20px;
        display: inline-block;
        color: #ffffff;
        background-color: #4a8fcb;
        border: 0;
        font-size: inherit;
    }
    
    a.wp-show-posts-read-more:hover,
    a.wp-show-posts-read-more:focus {
        color: #ffffff;
        background-color: #1e73be;
        border: 0;
    }

    You’ll obviously have to update the color values if things change.

    #6021
    Feri
    Participant

    Thank you so much, Tom. it works.

    #6025
    Tom
    Keymaster

    You’re welcome 🙂

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