Read more does not appear

Sparkling
1

Hello,

I hope one of you can help me. I am working on a website I create with the (great!) Sparkling theme. But now I have a problem.

I want to make my news items short on the news page, using a ‘read more’ sign. To do that I press the ‘read more tag’ button in the editor where I want it. But whatever I do, the ‘read more’ button does not appear beneath the text on my website. And the strange thing is, when I look at it working in the ‘customizer’ mode’, I do see the button! I upload a picture to show you.

Can some one help me with this?

Thank you!

Aschwin

2

Hi Aschwin,

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

Could you please share me your site URL where it’s happening so that i can troubleshoot it?

Also to resolve the issue could you please try using the CSS solutions posted in the following topic?

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

Best Regards,
Movin

3

Hi Movin,

I am fine, thank you. I hope you are too.

Thank you for your suggestion. I tried it, but it doesn’t help. I still see the read more button when I look at it with customizer, but when I go to the website itself, I don’t see it.

The website is www.jannekeensing.nl. The page for the news items is www.jannekeensing.nl/nieuws/

Best regards,

Aschwin

4

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

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS


body.blog a.more-link {
    display: block;
        border-radius: 4px;
            background-color: #eeee22;
    border-color: #eeee22;
}

body.blog a.more-link {
    font-size: 0;

}
body.blog a.more-link:before {
    content: "Read More";
    display: block;
    float: right;
    font-size: 12px;
    padding: 11px 13px;
    background-color: #eeee22;
    border-color: #eeee22;
    color: #FFF;
    text-transform: uppercase;
    border-radius: 4px;
}
5

You make my day! I tried everything, searched of the internet and now you have the solution! It worked, as you can see on the website. Thank you very much!

6

You are most welcome here :slight_smile: