Read more box border

[Aref]

Hi Team,

Is there any way to set a border to the Read more button? if so, can it be rounded and colored?

[Leo]

Hi there,

Try this CSS:

.read-more-container a.read-more.button {
    border: 1px solid #000;
    border-radius: 5px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Aref]

Perfect, worked. How can I add a customized color to the border?

[Leo]

Change the #000 part of the code above to whatever color you want.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Aref]

Awesome, thank you.

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts