qiqi Posted March 12, 2022 Share Posted March 12, 2022 (edited) 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 March 15, 2022 by qiqi Link to comment
tuanphan Posted March 14, 2022 Share Posted March 14, 2022 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; } qiqi 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
qiqi Posted March 15, 2022 Author Share Posted March 15, 2022 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! tuanphan 1 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