Hi…
My last thread was quite messed up. So I created a new one with clear questions.
1.Infinite Load Pagination
How can I add a Text or Animated Symbol like this one http://imgur.com/Qb3GOvs when a user scroll down and wait for next page to load on Infinite Load pagination. (I do not want to use the Load More pagination option after X pages)
How can I reduce the time of next page load on infinite scroll? Currently when a user scrolls down to the bottom of the homepage to the last post then only it loads the another page. Is there any to make next page post earlier or faster.
2.Load More Pagination
When I activated the “Load More” pagination, even after going to the last post of the site it was showing the “load More” button. How to fix it?
How can I customize the font size, color & background of “load more” button?
3.Next/Prew Ajax
When I activated this pagination there was no buttons or any number on the homepage. How to fix it?
My site is http://www.magscroll.com
Please delete this thread: https://forum.tagdiv.com/topic/load-more-pagination/
Thanks!
Hi,
Lucian already replied there: https://forum.tagdiv.com/topic/load-more-pagination/
3. Please provide a link where you use next/prev pagination as on your homepage you use a block with load more pagination. Also make sure that that you use block title, because next/prev pagination will be hidden also if the title is hidden: http://screencast.com/t/Bj4hxd3uTQck – http://screencast.com/t/viWr3V4kk
Result: http://screencast.com/t/Mqla2yDOF5
Thanks!
Hi Alin!
Yes I saw the reply from him… Can u tell me how can I change the color or make the text in button for “Load More” pagination?
Thanks!
Hi,
If you want to change the text you can translate it from Theme Panel > Translations: http://screencast.com/t/b5rfzpvFzmgT – http://screencast.com/t/dtXhpHKn
Also if you want background to look like a button please try this css: http://screencast.com/t/ShbF9snlHcIz
.home .td-load-more-wrap a{
background-color: red;
padding: 10px;
}Thanks!
Thanks! It worked…
There is one more small change which i would like to make it is to change color on hover for the “load more” text currently when we move the cursious to load more it shows an underline below the text…So i want to remove the line and change the color when users takes the cursor on the button.
Thanks!
Hi,
Please try this css code: http://screencast.com/t/Mn6mC9awX
.td-load-more-wrap a:hover{
color: red !important;
text-decoration: none !important;
}
Thanks!
Thanks alin!
Is there any way to make the color area round edge instead of square? to make it look like a button?
thanks!
Hi,
Please add this css in Theme Panel > Custom Css: http://screencast.com/t/dAOiAMukv
.home .td-load-more-wrap a{
border-radius: 20px;
}
Thanks!
Thanks alin!
It’s perfect now…
Two more quick question regarding the buttons
1. http://imgur.com/Y3AgUR3 how to remove the symbol underneath Load More Text?
2. How Can I change the color for Load More from Black to anyother color?
Thanks!
Hi,
Try this css in Theme Panel > Custom Css: http://screencast.com/t/M1Leh7h2q
.td-load-more-wrap a{
color:red !important;
}
.td-load-more-img{
display: none !important;
}
Thanks!
