Blog posts "Read more"

Support
#1

Hi there, Im trying to figure out how I can make a “click here to continue reading more” or something similar after the excerpt of a blog post.

Link to my website is below

http://epilepsyandmelifestyle.com/blog/

Any help would be great!

As always, many many thanks!!

#2

Hi there,

The Icon stack that you are using does not have the Read More link and the user should click on the Title of the post to go to the single post page. You can check the case in our demo also:

You can add the link by adding the Javascript code below to X > Launch > Options > JS:

(function( $ ) {
	$(function() {

		$('.blog article.post').each(function() {
			var theHref = $(this).find('.entry-header a').attr('href');
			$(this).find('.excerpt').append('<a href="' + theHref + '">Read More</a>');

		});

	});
})(jQuery);

Thank you.

#3

Brilliant, thanks so much!

Is there anyway to have the “Read More” in the center rather than to the very left?

Many thanks for the support!!

#4

Hi,

Please change js code to this.

(function( $ ) {
	$(function() {

		$('.blog article.post').each(function() {
			var theHref = $(this).find('.entry-header a').attr('href');
			$(this).find('.excerpt').append('<a class="readmore" href="' + theHref + '">Read More</a>');

		});

	});
})(jQuery);

Then add this in Theme Options > CSS

.blog .entry-content.excerpt a.readmore {
    margin-top: 30px;
    width: 100%;
    text-align: center;
    display: block;
}

Hope that helps

#5

Superb, Needed that solution.
Is there a way to add the “Read More” at the end of the post excerpt? Thanks

#6

Hi there,

Please note that what you have been asking falls into custom development which falls beyond the scope of our support as it not how the theme displays the read more by default and changing the request means changing the code provided.

With that said, if you want to move the Read More to the to the end of the post excerpt, you will have have to remove the CSS previously added and the JS and use this:

(function( $ ) {
	$(function() {

		$('.blog article.post').each(function() {
			var theHref = $(this).find('.entry-header a').attr('href');
			$(this).find('.excerpt').children('p').last().append('<a class="readmore" href="' + theHref + '">Read More</a>');

		});

	});
})(jQuery);

Hope this helps.

#7

Thanks @Jade !

#8

You are welcome!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.