Jump to content

Adding subtitles to my projects

Recommended Posts

Hi,

I'm trying to add subtitles for my projects. I used this code I found 

a.grid-item[href*="/atlas"] h3:after {
    content: "sub 1";
    display: block;
}
a.grid-item[href*="/sauvage"] h3:after {
    content: "sub 2";
    display: block;
}
a.grid-item[href*="/ardentes"] h3:after {
    content: "sub 3";
    display: block;
}

And I changed my project's title to "Title <span>Subtitle</span>"

But it didn't work. 

I'm wondering are there any other ways to add subtitles?

Thank you in advance!

Edited by qiqi
Link to comment

Hi,

First, remove <span> from your title

Next, add this to Design > Custom CSS

a.grid-item[href*="/forhpv"] h3:after {
    content: "sub 1";
    display: block;
}
a.grid-item[href*="/tiktokredesign"] h3:after {
    content: "sub 2";
    display: block;
}
a.grid-item[href*="/arinboh"] h3:after {
    content: "sub 3";
    display: block;
}
a.grid-item[href*="/best-friday-experience"] h3:after {
    content: "sub 3";
    display: block;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 3/13/2022 at 9:41 PM, tuanphan said:

Hi,

First, remove <span> from your title

Next, add this to Design > Custom CSS

a.grid-item[href*="/forhpv"] h3:after {
    content: "sub 1";
    display: block;
}
a.grid-item[href*="/tiktokredesign"] h3:after {
    content: "sub 2";
    display: block;
}
a.grid-item[href*="/arinboh"] h3:after {
    content: "sub 3";
    display: block;
}
a.grid-item[href*="/best-friday-experience"] h3:after {
    content: "sub 3";
    display: block;
}

 

It worked! Thanks so much for the help!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.