maguisiffredi Posted April 9, 2022 Share Posted April 9, 2022 Hi! Does anyone know if it is possible to add a subtitle to the title that appears when you hover over a project on a portfolio page? I would like to get a result like this, where you haver a bigger title, and a smaller subtitle/ description. Thanks!! Link to comment
Beyondspace Posted April 9, 2022 Share Posted April 9, 2022 2 hours ago, maguisiffredi said: Hi! Does anyone know if it is possible to add a subtitle to the title that appears when you hover over a project on a portfolio page? I would like to get a result like this, where you haver a bigger title, and a smaller subtitle/ description. Thanks!! Can you share your site with site-wide password so I can take a look? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox - Lightbox captions only mode) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace 🚀 Learn how to rank new pages on Google in 48 hours! If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
maguisiffredi Posted April 10, 2022 Author Share Posted April 10, 2022 Yes! It's https://hawk-marigold-fj5c.squarespace.com/ Pass: portfolio2022 Link to comment
Solution tuanphan Posted April 11, 2022 Solution Share Posted April 11, 2022 11 hours ago, maguisiffredi said: Yes! It's https://hawk-marigold-fj5c.squarespace.com/ Pass: portfolio2022 See #2 code /* Add subtitle */ h3.portfolio-title:after { font-size: 20px; color: white; display: block; } a.grid-item[href="/work/sustainability"] h3:after { content: "subtitle 01"; } a.grid-item[href="/work/colvin-characters"] h3:after { content: "subtitle 01"; } antovicodg 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
Alancastle Posted April 12, 2022 Share Posted April 12, 2022 Hi, I'm trying to achieve the same on my site but can't see the code from this thread, can someone share or take a look at my site? I'm using portfolio, grid:overlay, and would love to be able to put some subtitles underneath the main project title. Thanks! Link to comment
maguisiffredi Posted April 14, 2022 Author Share Posted April 14, 2022 On 4/11/2022 at 2:02 AM, tuanphan said: See #2 code /* Add subtitle */ h3.portfolio-title:after { font-size: 20px; color: white; display: block; } a.grid-item[href="/work/sustainability"] h3:after { content: "subtitle 01"; } a.grid-item[href="/work/colvin-characters"] h3:after { content: "subtitle 01"; } Works like a charm!! a million thanks! Link to comment
antovicodg Posted August 30, 2022 Share Posted August 30, 2022 On 4/11/2022 at 2:02 AM, tuanphan said: See #2 code /* Add subtitle */ h3.portfolio-title:after { font-size: 20px; color: white; display: block; } a.grid-item[href="/work/sustainability"] h3:after { content: "subtitle 01"; } a.grid-item[href="/work/colvin-characters"] h3:after { content: "subtitle 01"; } Thank you so much! I was looking for this, I thought it was imposible 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