Read More links not showing

Hi:

The Read More links on my posts (old and new) are not displaying. Can you please let me know if there is a way to get the More tags to work again?

I have 3 sites all with the Sparkling theme. The More tags have stopped working on 2 of them. I didn’t make any changes that I know of. They are all on latest version of WP, theme and plugins

This one the More tags work (plugins activated): http://doggonecrazyapp.com/

This one More tag doesn’t work (all plugins deactivated): http://autismchaostocalm.com/

This one More tag doesn’t work (plugins not deactivated): http://tagteachblog.com/

I’m not sure what the difference is. I deactivated all the plugins on the one site to see if I could isolate a plugin problem, but the More tag doesn’t work even with no plugins.

I have “show post excerpts” selected in the Theme options. The more tag is shown on this page.

I don’t have any child themes.

Thanks for any help!

Joan

Hi Joan,

I hope you are well today and thank you for your question.

Please see the solutions posted in the following topics for the similar questions which will help you.

https://colorlibsupport.com/t/more-link-not-visible/

https://colorlibsupport.com/t/difficulty-with-read-more-summary-at-the-end-of-a-new-post/

https://colorlibsupport.com/t/read-more-tag-doesent-work/

Best Regards,
Movin

Hi Movin:

Thanks for your reply. I tried 4 different things as mentioned in the posts you referred to:

  1. I unchecked the box “Show post excerpts”. This did cause the Read More button to appear, but none of the post header images were showing. The blog is the main page for my site, so it looks too boring without the images.

  2. I put the code
    a.more-link {
    display: block;
    color: #DA4453;
    }

In the Other CSS box and this did result in a text link (more…) being displayed at the bottom of the posts and the post header image is also shown. I have left it this way for now. This is an improvement over not having any link, but I really liked the way it was before, with the Read More button since it looks a lot nicer and is more likely to entice the reader to click on it.

  1. Someone else also asked for a nicer button instead of the plain link. I tried inserting the code that you supplied for them, but it didn’t work for me. There was no link and no button at all.

body.home a.more-link {
font-size: 0;
}
body.home a.more-link:before {
content: “Read More”;
display: block;
float: right;
margin-top: 10px;
font-size: 12px;
padding: 11px 13px;
background-color: #DA4453;
border-color: #DA4453;
color: #FFF;
text-transform: uppercase;
border-radius: 4px;
}

  1. I tried installing the child theme from one of the other solutions. This did show the Read More button and the post image the way it used to work. The problem with this solution is that I lost my main page header image and the directory structure and so I had to go back to the main theme.

Is there any possibility of putting this back the way it was in the theme? It seems like everyone who uses the More Tag is having the same problem. Although one of my sites that uses Sparkling theme is showing the Read More button the way it used to work on all of them, and I don’t know why that is.

Please let me know if there is a way to make the Read More button work the way it used to. I appreciate your help. I image you have been just as frustrated as we are with the amount of time spent on such a trivial (yet important) issue.

Thanks for your help!

Joan

1) I unchecked the box “Show post excerpts”. This did cause the Read More button to appear, but none of the post header images were showing. The blog is the main page for my site, so it looks too boring without the images.

Please make sure that you have set featured images to the posts so that they will display on the top of the posts on home page.

3) Someone else also asked for a nicer button instead of the plain link. I tried inserting the code that you supplied for them, but it didn’t work for me. There was no link and no button at all.

Could you please try using below custom CSS code?

body.home a.more-link {font-size: 0;
display: block;margin: 0;}
body.home a.more-link:before {content: 'Read More';display: block;float: right;
margin-top: 10px;font-size: 12px;padding: 11px 13px;background-color: #DA4453;
border-color: #DA4453;color: #FFF;text-transform: uppercase;border-radius: 4px;margin: 0;}

I tried turning the feature image on for one of the posts, and this did look OK and the Read More link showed, but unfortunately, this is not a good solution overall. For one thing I would have to go through every post and take the image out and put it in again via the Set feature post link. This would be a lot of work. In addition, if I do this and then go to the actual post (as opposed to the home page that shows the summaries) the feature image displays above the post and is outside the boundary box displayed by this theme and is narrower than the article boundary, so it looks funny.

I tried the code:

body.home a.more-link {font-size: 0;
display: block;margin: 0;}
body.home a.more-link:before {content: ‘Read More’;display: block;float: right;
margin-top: 10px;font-size: 12px;padding: 11px 13px;background-color: #DA4453;
border-color: #DA4453;color: #FFF;text-transform: uppercase;border-radius: 4px;margin: 0;}

It didn’t work. There is no Read More button displaying. I tried it on another site that uses this theme and got the same result.

DO you have any other suggestions?

Thanks for your help,

Joan

This would be a lot of work. In addition, if I do this and then go to the actual post (as opposed to the home page that shows the summaries) the feature image displays above the post and is outside the boundary box displayed by this theme and is narrower than the article boundary, so it looks funny.

This is the correct solution and you can see it is working fine on our demo site https://colorlib.com/sparkling/

You can use following solutions to set featured image for the posts easily.

It didn’t work. There is no Read More button displaying. I tried it on another site that uses this theme and got the same result.

DO you have any other suggestions?

It is working fine on my test site.

Could you please share me your site URL where it is not working so that i can troubleshoot it?

Hi Movin:

I tried that code again (in case the gremlins were at work the last time) and it worked this time!

body.home a.more-link {font-size: 0;
display: block;margin: 0;}
body.home a.more-link:before {content: ‘Read More’;display: block;float: right;
margin-top: 10px;font-size: 12px;padding: 11px 13px;background-color: #DA4453;
border-color: #DA4453;color: #FFF;text-transform: uppercase;border-radius: 4px;margin: 0;}

Thanks so much for you terrific support. I really appreciate your help!

Joan

You are most welcome here :slight_smile: