Different Style Load More Button

This topic has 7 replies, 2 voices, and was last updated 5 years ago by Tom.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
September 24, 2018 at 8:39 am #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
September 24, 2018 at 8:54 pm #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 🙂

September 24, 2018 at 9:07 pm #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)

September 25, 2018 at 8:24 pm #6012

Tom
Keymaster

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

September 25, 2018 at 8:30 pm #6013

Feri
Participant

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

September 26, 2018 at 7:05 pm #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.
September 26, 2018 at 10:07 pm #6021

Feri
Participant

Thank you so much, Tom. it works.

September 27, 2018 at 5:33 pm #6025

Tom
Keymaster

You’re welcome 🙂
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

[Resolved] Different Style Load More Button