Edit Read More text

Site URL: https://www.manueltarquini.com/blogtutorials

Hi,

how can I edit "Read More" to a "custom text", with a custom text size and colour and a background color (as a button)?

I have a Wexley template and SS 7.0

https://www.manueltarquini.com/blogtutorials

thank you

Add to Home > design > Custom CSS

/* hide current read more */
.collection-type-blog article .read-more {
    visibility: hidden;
}
/* set new text */
.collection-type-blog article .read-more:before {
    content: "tuan phan";
    visibility: visible;
    background: white;
    color: black;
    font-weight: normal;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    margin-top: 20px;
}

It worked!! Thank you very much for your help, have a nice day!