Post Excerpt

Hi there,

you can use the PHP snippets provided here to add the Read More to a manual excerpt:

https://docs.generatepress.com/article/activating-read-custom-excerpt/

The Manual Excerpt metabox does accept HTML.
Best thing to do is to write your excerpt in the main content, switch to the Text view ( not visual ) and copy out the HTML and paste that into your excerpt.

Then, how to make the color of read more button changeable upon clicking?

And how do we make the width of the button to be in full width?

Making the button full width will force the button below the content, you can try this CSS to see the effect:

.read-more-button-container a {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

The readmore button colors match those you set in Customizer > Colors > Buttons.

Thank you!

Glad to be of help