GlassSean Posted March 5, 2020 Share Posted March 5, 2020 (edited) Site URL: https://perch-radish-hctx.squarespace.com/project-orders I am trying to change the colour of the text in some image card blocks but I'm not sure what I need to target Website URL: https://perch-radish-hctx.squarespace.com/project-orders Password: webtest Trying to change the text in the image card block at the top "We're here to help" and image card block "Genuine SGP toughened..." Edited March 5, 2020 by GlassSean Link to comment
christyprice Posted March 5, 2020 Share Posted March 5, 2020 Hi @GlassSean, if you share the password someone may be able to look at the site and help. christyprice.com 🇺🇸 Austin, TX US Best Squarespace Plugins • Resources for Designers • Make Money with your Blog ✅ Download a FREE Squarespace Prelaunch Checklist Link to comment
GlassSean Posted March 5, 2020 Author Share Posted March 5, 2020 @christyprice Thanks, forgot I put a password on the site! Edited my question with details. Link to comment
christyprice Posted March 5, 2020 Share Posted March 5, 2020 Do you want to change all the image titles? If so, give this a try in Design > Custom CSS: .image-title p { color: #000000; } If it's just for specific blocks, you can add #block-id before .image-title christyprice.com 🇺🇸 Austin, TX US Best Squarespace Plugins • Resources for Designers • Make Money with your Blog ✅ Download a FREE Squarespace Prelaunch Checklist Link to comment
GlassSean Posted March 5, 2020 Author Share Posted March 5, 2020 Just for the two image card blocks on the project order page. Not sure which block id to target, I tried the attached but it didn't change anything Link to comment
christyprice Posted March 5, 2020 Share Posted March 5, 2020 (edited) You'll need to use the important rule and find your specific block-id. #your-block-id .image-title p { color: #000000 !important; } To find your block-id, I recommend using the Chrome Extension Squarespace Collection/Block Identifier. If you're interested in more tools like that to make your life easier, I have a list on my Resources Page. Edited March 5, 2020 by christyprice christyprice.com 🇺🇸 Austin, TX US Best Squarespace Plugins • Resources for Designers • Make Money with your Blog ✅ Download a FREE Squarespace Prelaunch Checklist Link to comment
GlassSean Posted March 5, 2020 Author Share Posted March 5, 2020 @christyprice Awesome that worked thankyou! Do you know how I can change the button text and outline to black as well? Link to comment
christyprice Posted March 5, 2020 Share Posted March 5, 2020 (edited) Yep, same thing with the specific blocks, but to change the colors for the button text and outline on the image cards you'd use: .image-button a { color: #000000 !important; border-color: #000000 !important; } And if you could vote up my correct answer above I'd appreciate it - triangle to the left above the 0. That lets other people know the solution worked for you. Edited March 5, 2020 by christyprice christyprice.com 🇺🇸 Austin, TX US Best Squarespace Plugins • Resources for Designers • Make Money with your Blog ✅ Download a FREE Squarespace Prelaunch Checklist Link to comment
GlassSean Posted March 5, 2020 Author Share Posted March 5, 2020 @christyprice That's working perfectly. Thankyou for your help! christyprice 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