[Resolved] How to edit read more button after adding a custom excerpt?

[Ravi Dixit]

Hey there,
I have added a custom excerpt in my blog post.
So in blog section it is only showing a read more link..
Here is the image https://mastertheseo.com/wp-content/uploads/2019/01/mts-read-more-button.png

But I want to display it as a button something like this.. https://mastertheseo.com/wp-content/uploads/2019/01/masterblogging-read-more-button.png

Can you help me to solve the issue?

Thanks

[Leo]

Hi there,

Are you adding the read more link manually?

You should be able to do this instead:
https://docs.generatepress.com/article/activating-read-custom-excerpt/#read-more-button

[Ravi Dixit]

Thanks Leo
I have added that snippet but i want to customize it.
As i show you earlier.
can you help me to style the button?

Thanks

[David]

Hi there,

you can target that button separately from the other buttons like so – just add the relevant styles:

.read-more-container a.button {
    background-color: orange;
}

[Ravi Dixit]

thanks man

[David]

You’re welcome

[Author]

Posts