Editing "Read More" Text


You all have been great helping me work out issues with adding the Read More button, and now for the last bit I would like to know:

Where do I change the text of the Read More? At the moment it says: (more…).
I would like to change it to: (Read more…)

Here’s the previous post for reference: https://colorlibsupport.com/t/read-more-solution-causing-other-issues/

Thank you so much!

Hello there,

I hope you are doing well today.

You can use the following plugin to easily change the text:

Best Regards,

I installed the plugin and followed the instructions to find: _e( ‘Read More’, ‘sparkling’ ). However, the strange thing is “Read More” is not what is showing on the site. It’s just: (more…)

“Read More” is actually exactly what I would like it to read. I don’t know where this (more…) is coming from, but it was from the fixes made after your updates that made it disappear in the first place…

Anyway just in case, I changed accordingly:
Original String = Read More
Text domain = sparkling
Replacement String = Read More

But of course no difference on the site. So would appreciate any further help here.

Thank you!

Could you please share me your site URL where it’s displaying so that i can help you to change it?

Sure it is: http://ddfblog.com/

Thank you so much for taking a look!

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

body.blog a.more-link {
    font-size: 0;
body.blog a.more-link:before {
    content: "Read more...";
    display: block;
    font-size: 12px;
        color: #000;
cursor: pointer;

That didn’t seem to work. It made the “more” text completely disappear instead…

Any other suggestions?

It works fine for me on your site as shown in the attached screenshot.

Could you please use it on your site so that i can test it?

I’ve added the code so you can take a look and now on the site there is no More text: http://ddfblog.com/

The content also gets a black background on rollover in IE…

Ok please also try using below custom CSS code.

body.blog a.more-link {
    display: block;

Success! I removed font color, added font weight, and now have exactly what I wanted for the Read More. Thank you so much for your help!

(I will create another post for the IE issue.)

You are most welcome here :slight_smile: