This may not work in all cases, but it seems to work for me in a 7.1 events summary list pages. Add the following code on the summary list page. It will add a "Read More ->" link following the excerpt. Please add improvements or corrections. -George
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$( document ).ready(function() {
$('.summary-item-list .summary-item')
.each(function() {
var href = $(this)
.find('.summary-content .summary-title a').attr('href');
var read = '<!-- Read More Link -->' +
'<a href="' + href +
'" class="summary-read-more-link">Read More →</a>';
$(this).find('.summary-excerpt').after(read);
})
});
</script>
<style>
.sqs-block-summary-v2 .summary-read-more-link {
display: block;
}
</style>
In version 7.0, when viewing an Events page, I could enable a "View Event" button for each event via design styles. I can't see how to enable that same button in version 7.1, is it available somehow?
View Event Button on upcoming events
in Customize with code
Posted
This may not work in all cases, but it seems to work for me in a 7.1 events summary list pages. Add the following code on the summary list page. It will add a "Read More ->" link following the excerpt. Please add improvements or corrections. -George
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$( document ).ready(function() {
$('.summary-item-list .summary-item')
.each(function() {
var href = $(this)
.find('.summary-content .summary-title a').attr('href');
var read = '<!-- Read More Link -->' +
'<a href="' + href +
'" class="summary-read-more-link">Read More →</a>';
$(this).find('.summary-excerpt').after(read);
})
});
</script>
<style>
.sqs-block-summary-v2 .summary-read-more-link {
display: block;
}
</style>