Change "read more" text on blog page

Site URL: https://chiroup.com/podcast

I'm creating a podcast page and I want to change the "read more" text to "Listen Now" However, I have another blog page where I want to keep the "read more". How can I change the text just on my podcast page?

PW: 1017

Add to Home > Design > Custom CSS

/* Podcast read more */
body#collection-62f2a07ede350402296d4a0d {
a.blog-more-link {
    font-size: 0 !important;
}
a.blog-more-link:after {
    content: "Listen Now";
    font-size: 16px;
    transform: unset !important;
    background: unset !important;
    height: unset !important;
}}

Hi there,

I have the same question. I tried putting the above code into Home > Design > Custom CSS with no luck. I have several blogs and would like my /podcast blog link to say "Read More and Listen", while keeping the others as "Read More". I'm in 7.1.

On 11/8/2022 at 11:17 AM, JKForward said:

Hi there,

I have the same question. I tried putting the above code into Home > Design > Custom CSS with no luck. I have several blogs and would like my /podcast blog link to say "Read More and Listen", while keeping the others as "Read More". I'm in 7.1.

Above includes Blog Page ID. If you copy above code, it won't work on your site.

Can yo ushare link to podcast blog? We can check & give the correct id.

On 11/10/2022 at 2:55 AM, tuanphan said:

Above includes Blog Page ID. If you copy above code, it won't work on your site.

Can yo ushare link to podcast blog? We can check & give the correct id.

Thank you! My podcast blog is here: https://www.jkforward.com/podcast

On 11/18/2022 at 11:46 AM, JKForward said:

Thank you! My podcast blog is here: https://www.jkforward.com/podcast

Add to Design > Custom CSS

/* Podcast */
body#collection-6229793a3928c65bdfbed7e9 {
a.blog-more-link {
    font-size: 0 !important;
}
a.blog-more-link:after {
    content: "Listen Now";
    font-size: 16px;
    transform: unset !important;
    background: unset !important;
    height: unset !important;
    border-bottom: 1px solid;
    display: block;
    padding-bottom: 10px;
}}