Editing "Read More" Text

Sparkling
1

Hello,

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!

2

Hello there,

I hope you are doing well today.

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

Best Regards,
Support

3

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!

4

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

5

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

Thank you so much for taking a look!

6

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;
}
7

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

Any other suggestions?

8

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?

9

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…

10

Ok please also try using below custom CSS code.

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

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.)

12

You are most welcome here :slight_smile: