York/Jasper: Add Page Descriptions to Index Page

Site URL: https://thom-fountain-2l7f.squarespace.com/work

Hello! I'm trying to add the Page Description under the Page Title in an Index on the York template.

Ideally, it would sit under the Page Title.

I could also switch over to the Jasper Template if someone knows how to do it there (but I believe the templates are similar).

Thanks!

York and Jasper are from the York template family so there is no advantage to Jasper as far as site features/structure go.

Add the following to Design > Custom CSS.

.collection-5f177b67e0955420898bf442 .page-description:after {

  content : '[enter description here between single quotes]';
  font-size : smaller;
  font-weight : 100;
  
  }

Let us know how it goes.

Sorry, maybe my message wasn't clear.

What I'm hoping for is for each page to have it's description under the title in the Index. So in my example, under Dear Toyota it would have the description for that page, etc.

Thanks though!

Yes!! This is perfect. Thank you so much.

This is super helpful as I've been trying to achieve the same content formating. However I'm having some issues with the custom CSS, it doesn't seem to effect the design. I've followed as above & just changed out the index section id as per my design but nothing. Any solutions?

https://tocdesign.org/

8 hours ago, tocdesign said:

I've been trying to achieve the same content formating. However I'm having some issues with the custom CSS

Your selectors for your rulesets are not correct.

You need to use the following pattern.

#index-section-[insert your page url slug here replacing square brackets] .index-item-text-wrapper::after

The Page URL Slug is the one that can be seen at Page Settings > General > URL SLUG for the page.

Let us know how it goes.

3 hours ago, creedon said:

Your selectors for your rulesets are not correct.

You need to use the following pattern.

#index-section-[insert your page url slug here replacing square brackets] .index-item-text-wrapper::after

The Page URL Slug is the one that can be seen at Page Settings > General > URL SLUG for the page.

Let us know how it goes.

Thank you so much! That worked perfectly :)

If I wanted to include letter kerning (spacing the letters out) is that possible with code?