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,183
    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,183
    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,183
    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!