Can I customize the load more button like attached screenshot

Hi there,

Any chance you can link us to the site in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know :)

Suggestit.in

Hi there,

go to Customizer > Layout > Blog:

https://docs.generatepress.com/article/blog-content-layout/#archives

And enable:
1) Infinite Scroll
2) Use Button to Load More Posts.

Thanks David,

Please let me know three thing related to Load more button

01. Where to change color?
02. Boarder Radius?
03. Center in the page?

Regards,
Sachin

You can style that specific button with this CSS:

/* Center button in page */
.masonry-load-more {
    text-align: center;
}
/* Set background, color and border radius */
.masonry-load-more .button {
    background-color: #f00;
    color: #fff;
    border-radius: 8px;
}
/* Set Hover colors */
.masonry-load-more .button:hover {
    background-color: #0f0;
    color: #fff;
}

Thanks David,

Can we also add a arrow as attached screenshot earlier.

Regards,
Sachin

Just add this:
LOAD MORE →

To the Load more label field:
https://docs.generatepress.com/article/blog-content-layout/#archives

Not this kind of leo, you can check my first question where i have attached the style what i wanted.

I'm just showing you how to do it - it's up to you to find the exact kind you want.

A resource like this might help:
https://www.toptal.com/designers/htmlarrows/

The HTML Code is what you need.