euan Posted December 31, 2021 Share Posted December 31, 2021 Site URL: https://circa35mm.com/the-art-store I am currently working on a print store on my own site. I am on 7.0 and using a Product page with Squarewebsites Universal Filter plugin. I would like to add some text in the area outlined red on the screenshot below... can this be done and if so is anyone able to advise how I go about doing it? I only want the text to appear on this page. EarvinChong 1 Link to comment
Solution Beyondspace Posted December 31, 2021 Solution Share Posted December 31, 2021 3 hours ago, euan said: Site URL: https://circa35mm.com/the-art-store I am currently working on a print store on my own site. I am on 7.0 and using a Product page with Squarewebsites Universal Filter plugin. I would like to add some text in the area outlined red on the screenshot below... can this be done and if so is anyone able to advise how I go about doing it? I only want the text to appear on this page. I've checked that you have already set the pseudo before. I give the suggestion based on this idea body .Intro:before { content: 'Here is your text'; top: 0; left: 50%; transform: translateX(-50%); position: absolute; } Let me know how it works on your site Support me by pressing 👍 if this useful for you EarvinChong and euan 2 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) 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
euan Posted December 31, 2021 Author Share Posted December 31, 2021 (edited) 17 hours ago, bangank36 said: Let me know how it works on your site Hi @bangank36 that has worked thank you. I have tried adding some styling to it, is it possible to increase the padding/margin around the text? Edit - with a lot of trial and error I've resolved the issue of padding/margin. Edited January 1, 2022 by euan Found solution myself. EarvinChong and tuanphan 2 Link to comment
JoaoL Posted January 17, 2022 Share Posted January 17, 2022 On 12/31/2021 at 3:47 PM, bangank36 said: I've checked that you have already set the pseudo before. I give the suggestion based on this idea body .Intro:before { content: 'Here is your text'; top: 0; left: 50%; transform: translateX(-50%); position: absolute; } Let me know how it works on your site Support me by pressing 👍 if this useful for you Dear @bangank36, I need to do the same in my page. Though, I am really know nothing about coding. What do you mean by "you have already set the pseudo before" ? Is there a way of doing this without coding knowledge? Thank you! 🙂 EarvinChong 1 Link to comment
Beyondspace Posted January 17, 2022 Share Posted January 17, 2022 17 minutes ago, JoaoL said: Dear @bangank36, I need to do the same in my page. Though, I am really know nothing about coding. What do you mean by "you have already set the pseudo before" ? Is there a way of doing this without coding knowledge? Thank you! 🙂 What is your site? BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox, video lightbox and much more) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 No-code customisations for Squarespace (+100 Spark plugin customisations) 🥳 Freemium Squarespace Widget Templates (+1000 Elfsight Templates) 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
JoaoL Posted January 17, 2022 Share Posted January 17, 2022 1 hour ago, bangank36 said: What is your site? http://void.photo Link to comment
tuanphan Posted January 19, 2022 Share Posted January 19, 2022 @JoaoL Add to Design > Custom CSS nav.ProductList-filter.ProductList-filter--categories:before { content: "Enter your text here"; display: block; font-size: 15px; text-transform: initial; margin-bottom: 30px; } EarvinChong and JoaoL 1 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
VirgoGirl Posted August 3, 2023 Share Posted August 3, 2023 Hello, is this still a valid option when trying to add text beneath the main shop page and category shop pages? For shop and category specific description/instructions? I cannot believe this is still not a part of Squarespace's built in features... ugh. I need to be able to add text, which will also help with SEO... again, can't believe this is not already built in. Link to comment
tuanphan Posted August 4, 2023 Share Posted August 4, 2023 19 hours ago, VirgoGirl said: Hello, is this still a valid option when trying to add text beneath the main shop page and category shop pages? For shop and category specific description/instructions? I cannot believe this is still not a part of Squarespace's built in features... ugh. I need to be able to add text, which will also help with SEO... again, can't believe this is not already built in. Yes. Possible. See this code creedon 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment