Show "Read More" link on specific posts

Sparkling
1

I want the majority of my posts to display in full on my home page so I have the “Display post excerpts” check box unchecked. However, I also want some longer posts to only show an excerpt. For those posts I add I add the more code to the post <!–more–>. But for some reason the read more link isn’t showing up on the website.

You can see on my main page at www.artifacting.com that the post titled Pretty/Dirty is an excerpt but it doesn’t show the read more link

Any ideas why?

2

Hi @hubs,

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

I can see the “Read More” button is displayed for the post “Pretty/Dirty” on your site as shown in the attached screenshot.

Please advise.

Kind Regards,
Movin

3

Here’s the screenshot.

4

Hi Movin,

You can see it now because I have removed the child theme while you look into this other open issue:

https://colorlibsupport.com/t/archives-dropdown-widget-not-working/

When I put the child theme back in you will see that it is not displayed.

Thanks

5

I have replied on your shared topic.

To troubleshoot the issue could you please share me the child theme which is causing it?

6

The child theme has bee reactivated and you can now see what I’m talking about in the above issue.

7

I could see the issue on your site now.

Could you please share me the child theme that you are using on your site so that i can troubleshoot it on my test site?

8

Sure, it is attached.

9

@hubs Thank you for sharing the child theme.

I used the shared child theme on my test site and the read more button is displaying for me for the posts having <!–more–> so it seems you have either not shared the updated child theme from your site or you are changing it using custom CSS or using any another plugin.

Please advise.

10

I do have some custom CSS but don’t think I change anything that would effect the button. Here is my Custom CSS

/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.navbar > .container .navbar-brand {
	color: #78b3e0;
	font-size: 35px;
	padding-left: 0;
	margin: 13px 0;
	margin-top: 0;
	font-family: Open Sans;
	text-transform: uppercase;
}

.navbar-default .navbar-nav li a {
	line-height: 20px;
	text-transform: none;
	font-family: Open Sans;
	font-size: 16px;
}

body {
	background-color: #FFFFFF;
	color: #000000;
	padding-top: 30px;
}

.content-area {
	padding-top: 30px;
}

.post-inner-content {
	border: none;
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

.post-inner-content:first-child {
	border-top: none;
	padding: 0;
}

.main-content-area {
	margin-top: 0;
}

.well {
	border: none;
	-webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.05);
}

#secondary .widget {
	margin-bottom: 25px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Open Sans;
}

blockquote {
	font-size: 14.5px;
	border-left: 5px solid #666666;
	color: #666666;
}

video {
	width: 100% !important;
	height: auto !important;
}

input[type=range] {
	display: inline;
}

/*
Moshpit Simulator...........................................
*/
#slider {
	width: 100px;
}

#panelcontainer {
	display: inline;
}

.eb_label {
	position: relative;
	padding-right: 6px;
	width: 7em;
	font-weight: normal;
}

Any ideas?

11

I don’t see any code in your shared CSS code that is causing it.

Please try deleting the Sparkling theme on your site and installing fresh latest version of it.

This can be due to plugin conflict on your site so please try temporary deactivating all plugins and see whether everything works fine and then enable the plugins one by one to see which plugin is conflicting if any.