How to put subtitle under the navigation title on the index page? Jasper Jin template.

Site URL: https://tatianahagen.squarespace.com/

Hello, I'm using the template Jasper Jin for my portfolio website here on squarespace and I'd like to put a subtitle (with the same font with lighter weight) underneath the navigation title of my index page. Almost resembling a tag for that page, for example: (photography, graphic design, illustration, etc). Please, see the attached file below as reference:

Does anyone know how I can do that?

Thank you! :) 

3 hours ago, tatihagen said:

Site URL: https://tatianahagen.squarespace.com/

Hello, I'm using the template Jasper Jin for my portfolio website here on squarespace and I'd like to put a subtitle (with the same font with lighter weight) underneath the navigation title of my index page. Almost resembling a tag for that page, for example: (photography, graphic design, illustration, etc). Please, see the attached file below as reference:

Does anyone know how I can do that?

Thank you! 🙂

what is your site-wide password?

16 hours ago, bangank36 said:

what is your site-wide password?

The password is:

2020

Thank you 🙂 

15 hours ago, tatihagen said:

The password is:

2020

 

Thank you 🙂 

It's wrong password. Kindly check it again

4 minutes ago, bangank36 said:

It's wrong password. Kindly check it again

I'm sorry. Weirdly, for me that password is working.
Bu I set it to public now. 🙂 
 

I saw these two codes made by the member Tuanphan (for other templates) on other threads and was playing around with it:

/* Add subtitle */
h3.portfolio-title:after {
    font-size: 20px;
    color: black;
    display: block;
}
a.grid-item[href="/grid-simple/project-one-m2y26"] h3:after {
    content: "subtitle 01";
}
a.grid-item[href="/grid-simple/project-two-yttz3"] h3:after {
    content: "subtitle 01";
}

div#index-section-test-regular-page h2.index-item-title a:after {
    content: "squarespace best";
    display: block;
    color: gray;
    font-size: 16px;
}

But I don't know how to make it work as I don't really know how to code. 😞 
 

My testing

Thank you so much, Bangank36!! 🙂

I have only one issue with it, how do I change the text in different pages?
See, I have more than one index page to categorize my work. So I can't repeat the same subtitle on every index page. 

Update! I believe I was able to do it researching about the "Find Squarespace ID" and copying the code.

On 5/13/2022 at 12:16 AM, tatihagen said:

Update! I believe I was able to do it researching about the "Find Squarespace ID" and copying the code.

Did you solve or still need help?

You can target PAGE ID to achieve this