ORyan Posted June 7, 2023 Posted June 7, 2023 Hi there, I'd like to add an outline to the text on the home page to make it more visible. The site is: https://tracyjarretttestsite.squarespace.com TJsiteconcordia2022 I'd like to an an outline in #faf8f2 instead of the box that's currently there. Any help would be greatly appreciated! Thanks.
tuanphan Posted June 9, 2023 Posted June 9, 2023 Add to Design > Custom CSS /* Outline text */ div#block-31ee46d5d1e57ebfa5b0 { border: 5px solid #faf8f2; background-color: unset !important; } 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!)
ORyan Posted June 10, 2023 Author Posted June 10, 2023 Thanks a lot tuanphan. When I put code in, it changed to underline the text, so I deleted it and saved. Now when I re-enter it nothing happens. Any tips?
tuanphan Posted June 11, 2023 Posted June 11, 2023 21 hours ago, ORyan said: Thanks a lot tuanphan. When I put code in, it changed to underline the text, so I deleted it and saved. Now when I re-enter it nothing happens. Any tips? I see you figured it out? 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!)
ORyan Posted June 11, 2023 Author Posted June 11, 2023 Not yet - ideally I'd like to get rid of the coloured block behind the text and just add an outline to the text itself, like the image attached.
tuanphan Posted June 13, 2023 Posted June 13, 2023 Try this CSS div#block-yui_3_17_2_1_1686392315923_3388 { background: transparent !important; } div#block-yui_3_17_2_1_1686392315923_3388 span { text-shadow: -2px 0 1px #000, 0 2px 1px #000, 2px 0 1px #000, 0 -2px 1px #000; letter-spacing: 5px; } 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!)
ORyan Posted June 13, 2023 Author Posted June 13, 2023 Thanks for your response. It does the following shadow instead of outline:
tuanphan Posted June 15, 2023 Posted June 15, 2023 On 6/14/2023 at 2:45 AM, ORyan said: Thanks for your response. It does the following shadow instead of outline: Can you add it again? 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!)
ORyan Posted June 15, 2023 Author Posted June 15, 2023 Amazing. It works now. Thanks so much for your help and patience:) tuanphan 1
MMcali Posted May 26 Posted May 26 I am trying to do the same but getting no result. I found the block name for the area Im trying to change. I just need a white outline so that the words are more legible here at the top section: About - Mark Skelly — MARK SKELLY (squarespace.com) Thank you
tuanphan Posted May 28 Posted May 28 On 5/27/2024 at 6:53 AM, MMcali said: I am trying to do the same but getting no result. I found the block name for the area Im trying to change. I just need a white outline so that the words are more legible here at the top section: About - Mark Skelly — MARK SKELLY (squarespace.com) Thank you What is password? 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment