Before you ask please READ THIS

Blog Page - "Load More"

in Rife Posts: 21
Hi Air.

How could I add "Load More" button at Blog Page as shown?

Load More


Thanks.
Load more.png
882 x 320 - 38K

Comments

  • AirAir
    Posts: 10,143
    Hey :-)

    Go to the Blog settings:
    Appearance → Customize → Blog Settings → Posts list → Lazy load → Enable
    and also
    Appearance → Customize → Blog Settings → Posts list → Lazy load : Type → By clicking button.

    Then it will appear.

    With kind regards.
  • Posts: 21
    Hi Air.

    Thanks. I have done.

    By the way, why its show "10/11"? What if I want to set the post list at 9 posts, the rest will only show by clicking the button "Load More".

    Please advice. Thanks.
  • AirAir
    Posts: 10,143
    Hey :-)
    Affdots said: By the way, why its show "10/11"? What if I want to set the post list at 9 posts, the rest will only show by clicking the button "Load More".
    You can set number of posts per page in Settings → Reading → Blog pages show at most
    image

    With kind regards.
    screenshot-192.168.1.2-2019.10.14-21_51_29.png
    908 x 243 - 14K
  • Posts: 21
    Hi Air.

    I have done. Thanks so much.

    How about I want to change the color of "Load More" bar?
  • AirAir
    Posts: 10,143
    Hey:-)
    Affdots said: How about I want to change the color of "Load More" bar?
    This will require custom CSS. Try this:
    .load-more-button{
    	background-color: #f2f2f2;
    	color: #222;
    }
    /* on mouse hover */
    .load-more-button.loading,
    .load-more-button:hover{
    	background-color: #222;
    	color: #fff;
    }
    
    I hope that helps.

    With kind regards.
  • Posts: 21
    Hi, Air.

    Thank you so much. I have changed the colour successfully.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion