Custom Read more button.

Hi Marcos,

Could you send me the link to the example site which contains the button?

And do you also want the 2 horizontal lines beside the button as well?

Of Course! and yes! almost have it, the button is similar but is not centered and do not have the lines outside. posted the link on the private part.

Try this CSS:

a.read-more.button {
    border: 2px solid #e1e1e1;
}
p.read-more-container {
    display: flex;
    justify-content: center;
    position: relative;
}
a.read-more.button:after, a.read-more.button:before {
    content: "";
    position: absolute;
    bottom: 50%;
    width: calc(50% - 110px /2 ); /*110px is the width of the button*/
    height: 1px;
    background-color: #e1e1e1;
}
a.read-more.button:before {
    left: 0;
}
a.read-more.button:after {
    right: 0;
}

Almost!!! the line for some reason went to the top and only shows once not every other button

Example below. Thanks sooo much for your quick reply! you rock

Oops I missed one line of CSS, it's edited here:
https://generatepress.com/forums/topic/custom-read-more-button-2/#post-1726749

Let me know :)

You Rock! this is Solved, I see the last post does not show Read Button :( but that must be another issue Ill try to figure out before I bother you guy agaiin!!! Arigato!!1

You are welcome :)

Could you check if you have some manual except set for this specific pos?