scoobyc Posted April 10, 2021 Share Posted April 10, 2021 (edited) Hello, I've combed through many similar posts around adding subtitles to portfolio grid thumbnails, but they are not quite working for me and I don't know enough about coding to adapt them to my situation myself. I'd like to add subtitles under the main title on each index item tile. The York template allows you to achieve this using Categories, but only for Collection pages (gallery, blog, and project pages). However, all my case study pages are built using regular pages, and there is no way to apply categories to them, so I'm looking for a workaround using custom CSS to simply add a subtitle to the tiles. See page here: https://chanda-patel.squarespace.com/test-index-grid Thanks in advance for any help! Edited April 13, 2021 by scoobyc site link Link to comment
Solution tuanphan Posted April 15, 2021 Solution Share Posted April 15, 2021 Hi. You mean this? Use this CSS div#index-section-test-regular-page h2.index-item-title a:after { content: "squarespace best"; display: block; color: gray; font-size: 16px; } Coliviapearson 1 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
scoobyc Posted April 16, 2021 Author Share Posted April 16, 2021 Ah yes, exactly that. Thank you so very much @tuanphan! I never would have been able to figure this out on my own. Link to comment
Coliviapearson Posted November 9, 2021 Share Posted November 9, 2021 Hello @tuanphan I hope you're doing great! Sorry to bother you, I think I have put the code you kindly gave to add a "subtitle" wrong. Do you need to add something else to it to make it work? My best Link to comment
tuanphan Posted November 10, 2021 Share Posted November 10, 2021 On 11/9/2021 at 9:00 AM, Coliviapearson said: Hello @tuanphan I hope you're doing great! Sorry to bother you, I think I have put the code you kindly gave to add a "subtitle" wrong. Do you need to add something else to it to make it work? My best Just use above code. Each item = 1 code. If the code doesn't work, can you share link to your site? We can check easier 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment