Missing "Read More" Button

Activello
1

Hello!

Under Customize > Activello Options > Content Options,

When I select “Show Post Excerpts” the READ MORE button appears, but when I un-select it, it disappears. Any way to make the READ MORE button appear?

Thank you in advance! :slight_smile:

Kind regards,
Stefanie

2

Hi Stefanie,

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

I am not sure if the whole post content displays on the home page then why do you want to display the read more button?

We have to develop custom code in the child theme of Activello theme to display read more buttons on home page when the whole post content displays.

Best Regards,
Movin

3

Hello Movin,

Hope you’re well too!

That’s the issue, what is displayed currently isn’t the whole post. The post simply cuts off where I had put the “Read more” line in the post. There is more to each post than what is shown in the homepage. The problem is that instead of showing a “Read more” button, there is a “No comments yet”.

Kind regards,
Stefanie

4

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

5

Oh yes, here it is: http://www.stefanienatascha.com

Kind regards,
Stefanie

6

If you are using read more tag in the post then you can try displaying them by adding the following CSS code in the Custom CSS option of your theme on the below path.

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

body.home a.more-link {
   font-size: 0;
   display: table;
   margin: 0 auto;
   float: none;
}
body.home a.more-link:before {
    content: "Read More";
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
    padding: 0;
    color: #000;
    text-transform: uppercase;
    border-radius: 4px;
    margin: 0;
}
7

Hello!

It unfortunately doesn’t work. Nothing changed.

Kind regards,
Stefanie

8

If I were to select “Show post excerpts”, the image that I put on top of the image is not included in the excerpt but at least there is the “Read More” button at the bottom of the excerpt. Would it be possible to include the top image from the post in the excerpt? If it is possible, then it would solve this problem.

Kind regards,
Stefanie

9

It seems the code is not added correctly on your site as shown in the attached screenshot therefore it is not working correctly.

Please make sure to use it correctly on your site.

10

That is so odd, I just copied out of the code You posted here.
But anyway thank you so much for your help, it works now! :slight_smile:

The “READ MORE” that I now have on my site doesn’t look like the original “READ MORE” from the theme. (Pictures attached)
Would it be possible to make it look the same?

Kind regards,
Stefanie

11

Also use the below CSS code to make it look like that Read More link.

body.home #page a.more-link:before{
    border-left: 2px solid #696969;
    border-right: 2px solid #696969;
    color: #696969;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    display: inline-block;
    padding: 0 10px;
    text-transform: uppercase;
    border-radius: 0;
}

body.home #page a.more-link:hover:before{
color: #a161bf;
}
12

Thank you so much! :slight_smile:

13

You are most welcome here :slight_smile: