Melonmade Posted November 16, 2023 Share Posted November 16, 2023 Hello, I have a lot of round images on the site, is there a way to add a coloured strokeborder to the images? I have tried using custom code but the borders are all square? Link to comment
tuanphan Posted November 18, 2023 Share Posted November 18, 2023 Can you share link to a page where you use an image? 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
Melonmade Posted November 20, 2023 Author Share Posted November 20, 2023 Yes: https://sapphire-orca-wk68.squarespace.com/config/pages Link to comment
tuanphan Posted November 22, 2023 Share Posted November 22, 2023 https://sapphire-orca-wk68.squarespace.com/?noredirect config is url in edit mode You can click arrow on top right or top left >> real url will appear on browser address bar 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
Melonmade Posted November 23, 2023 Author Share Posted November 23, 2023 Oh sorry.. https://sapphire-orca-wk68.squarespace.com/home Hopefully this works? Link to comment
Melonmade Posted November 24, 2023 Author Share Posted November 24, 2023 Hi - did that URL work for you? Link to comment
melody495 Posted November 24, 2023 Share Posted November 24, 2023 Hi @Melonmade something like this? tuanphan 1 -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
Melonmade Posted November 27, 2023 Author Share Posted November 27, 2023 @melody495 yes exactly that! Link to comment
Melonmade Posted November 27, 2023 Author Share Posted November 27, 2023 How did you do that please?! Link to comment
melody495 Posted November 27, 2023 Share Posted November 27, 2023 (edited) 31 minutes ago, Melonmade said: @melody495 yes exactly that! Hi @Melonmade, try adding this to your Custom CSS and let me know how it goes .sqs-block-image div[data-shape-mask="circle"] img { border: red solid; // change first value to different colour border-radius: 100%; border-width: 5px; // change value for thinner/thicker border box-sizing: border-box; } This will target all your circle images. If you need to target specific images, then you need to add the specific ID for each image. Edited November 27, 2023 by melody495 Molololol 1 -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
Melonmade Posted December 5, 2023 Author Share Posted December 5, 2023 @melody495 Thank you so much, that looks great! Do you know how I change the title font in the testimonials carousel? Link to comment
melody495 Posted December 5, 2023 Share Posted December 5, 2023 4 hours ago, Melonmade said: Thank you so much, that looks great! You're welcome 🙂 glad it's working for you. Please give my solution a thumbsup and mark as solution. 4 hours ago, Melonmade said: Do you know how I change the title font in the testimonials carousel? Assuming you mean change the font family? What do you want to change it to? Is it one of your 2 fonts your website uses or a custom font? -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
Melonmade Posted December 6, 2023 Author Share Posted December 6, 2023 @melody495 Yes I'd like to change it to Fino which is my header font? Link to comment
melody495 Posted December 6, 2023 Share Posted December 6, 2023 2 hours ago, Melonmade said: @melody495 Yes I'd like to change it to Fino which is my header font? It does by default use your header font, but you have CSS that overrides P, which confusingly is what the title html tag is. So it is using your custom font. You can try this code in Custom CSS .user-items-list .list-section-title { font-family: fino!important; } -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
Melonmade Posted December 6, 2023 Author Share Posted December 6, 2023 @melody495 still hasnt worked:( Link to comment
melody495 Posted December 6, 2023 Share Posted December 6, 2023 (edited) 14 minutes ago, Melonmade said: @melody495 still hasnt worked:( ah missed the p... .user-items-list .list-section-title p{ font-family: 'fino'!important; } Edited December 6, 2023 by melody495 -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
reshoot Posted March 29 Share Posted March 29 On 11/27/2023 at 4:42 PM, melody495 said: Hi @Melonmade, try adding this to your Custom CSS and let me know how it goes .sqs-block-image div[data-shape-mask="circle"] img { border: red solid; // change first value to different colour border-radius: 100%; border-width: 5px; // change value for thinner/thicker border box-sizing: border-box; } This will target all your circle images. If you need to target specific images, then you need to add the specific ID for each image. I tried to use this for other shapes by changing "circle" to the name of the other shapes, like "tv" for example, but it makes the tv shape into a circle when it adds the border. Any idea why that might be? Link to comment
tuanphan Posted March 31 Share Posted March 31 On 3/29/2024 at 10:33 PM, reshoot said: I tried to use this for other shapes by changing "circle" to the name of the other shapes, like "tv" for example, but it makes the tv shape into a circle when it adds the border. Any idea why that might be? Can you share link to page where you have problem? 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
melody495 Posted April 2 Share Posted April 2 On 3/29/2024 at 3:33 PM, reshoot said: I tried to use this for other shapes by changing "circle" to the name of the other shapes, like "tv" for example, but it makes the tv shape into a circle when it adds the border. Any idea why that might be? Hi there! A circle can be defined by a radius, but other shapes are more complex. For other shapes, I would suggest creating a shape block, in the same shape as your image. Then place it behind the image. You can adjust the thickness of the outline of the shape block to match the appearance you are looking for. Let me know how it goes! -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd e: melody@melodylee.tech 💻 💁♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn? 👩💻 💁♀️ Website help <- send me your to-do list. From code to plugin to domain setup. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like 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