Adding "Read More" Link to Summary Block (When "Excerpt" is Unchecked)

Site URL: https://www.forthrightadvising.com/blog/push-and-pull-communications

Hey there,

I know that in a Summary block, when "Excerpt" is unchecked, the "Read More" button won't show up even when toggled on, but I've been trying to alter that with CSS. I've got Summary Blocks (carousel design) at the bottom of every blog for this client and we don't want to excerpt but we DO want a "Read More" option to show up below each:

I'm still in my CSS learning curve, so naturally, the CSS I've been playing around with hasn't worked so far. I've been attempting different iterations of this: 

Quote

.sqs-block-summary .summary-read-more-link {
  display: block !important;
}

and

.sqs-block-summary-v2 .summary-read-more-link {
  display: block !important;
}

I've got Summary Blocks at the bottom of every blog for this client, so a site-wide/summary-block-wide code (that works better than my rudimentary attempt) would be lovely.

Side notes: I DO have CSS for the arrows on the Summary Block (carousel design) that I can provide if need be, though none of it isolates the "Read More" links, just the ".sqs-gallery-controls." It's also a 7.0 site in the Brine family, if that info is needed.

Happy to provide whatever else might be helpful too! Thanks all 🙂

27 minutes ago, renee.hartwick said:

I know that in a Summary block, when "Excerpt" is unchecked, the "Read More" button won't show up even when toggled on, but I've been trying to alter that with CSS.

Hi Renee

As you mentioned, when you toggle the excerpt element to 'off', it will also remove the 'read more' link.

Note that it isn't hidden; it is actually removed from the markup. This means that you cannot use CSS to display it - it simply isn't there.

To display the read more links without the excerpt, you'll need to toggle excerpts on, and then hide the excerpt element with some CSS.

Paul

If this helps, please click "Like" below ⬇️