- This topic has 20 replies, 3 voices, and was last updated 7 months, 3 weeks ago by
.
-
Posts
-
I set up a list using Ajax pagination with 9 posts per page. When I click on the “Load More” button, the “Learn More” text for each of the subsequent groups of 9 posts appears outside of the button, and the button size is greatly reduced.
Additionally, the amount of space between the photo and Entry Title is not consistent for each post. You can see the page on my staging site here https://savacaystage.wpengine.com/destinations/amazon-tours-cruises/. Any suggestions on how to correct?
That’s strange. I assume the image issue is because of lazy loading – what plugin are you using for that?
Never seen the read more issue – it’s completely changed the HTML. Can you try deactivating your other plugins to see if something is conflicting?
Tom:
I am using BJ Lazy Loading, but that was not the cause of the problem. It was Handl UTM Grabber plugin, which I use for conversion tracking on my live site. With that deactivated, he first issue is resolved. Any thoughts on how to correct the spacing issue between the photo and entry title?
Also, how can I change the color of the “Load More” button globally for all lists?
Thanks,
Hi there,
Try this:
.wpsp-content-wrap .wp-show-posts-entry-header { margin-top: 0; }As for the read more buttons – do you want to use that one style everywhere, or do you want the WPSP buttons to inherit your theme-styled buttons?
Tom:
Just to be clear, we are talking about the Ajax “Load More” button, which loads (in my case) nine additional posts every time it is clicked. Styling it similar to the Blog “Load More” label would be fine. You can see the blog here https://savacaystage.wpengine.com/blog/.
The spacing issue is resolved…
Ah, that button is inhering the styling from your theme (GeneratePress).
If you need to change it, you’d need to:
a) Change the styling of buttons in the theme Customizer
b) Use CSS to manually adjust it as neeeded:.load-more .button { background-color: #000; color: #fff; /* etc.. */ }Hi Tom,
I would like to customization Load more button, but I can’t do it. There are no options in plugin settings. If I change colors in Global Theme Customizer (Colors/Buttons) – I use GeneratePress – no change.
I would also like to change the content of the button. Please advise me how to proceed or what specific css file to change. Thanks a lot.This button is using standard GP styles, so the Customizer should definitely work: https://www.screencast.com/t/eXEpSgTwlE6J
You can adjust the text like this:
add_filter( 'wpsp_ajax_load_more', function() { return 'Load more'; } ); add_filter( 'wpsp_ajax_loading', function() { return 'Loading'; } );I tried it again in Customizer, but no changes: htts://www.mestopacov.cz/upload/button.mp4
I’m sorry, but I’m a self-taught beginner, can you please explain in detail where to paste the code:
add_filter( ‘wpsp_ajax_load_more’, function() {
return ‘Load more’;
} );add_filter( ‘wpsp_ajax_loading’, function() {
return ‘Loading’;
} );Thanks in advance.
Zdenek
OK, problem with changing language solved. I edited wp-show-posts-pro.php file with your code.
The only problem now remains – customization colors.
Thx.
That code should be added using one of these methods: https://docs.wpshowposts.com/article/adding-php/
As for the colors, can you confirm that the options in Customize > Colors > Buttons don’t change the button color?
Yep, when i try change colors in Generatepress Theme – Customizer (Customize/Colors/Buttons) – no change. See video here: https://youtu.be/LYViXEqymGg
thx.
Ah, that’s not a GP button, that’s a WPSP button. It should inherit the colors you have an in the read more button styling of that list.
In your list settings, find the button class option (https://docs.wpshowposts.com/article/content-overview/) and give it this class:
buttonThat will make it use the GP button styles.
I really don’t know what I’m doing wrong 🙁 https://youtu.be/ghaKupU0KXI
- You must be logged in to reply to this topic.