baileyeidahl Posted April 26, 2021 Share Posted April 26, 2021 Is there a way to create this effect for a text box with CSS? I figured in out for images but cant figure it out for a text box. Thanks! Link to comment
Wolfsilon Posted April 26, 2021 Share Posted April 26, 2021 Hello! Without knowing all of the specifics of how you want to target and customize the effect using your unique Squarespace blocks/objects you may need to adjust some of the following code to fit your needs: #block-YOUR_BLOCK_ID { .sqs-block-content { color: #fff; width: 100; margin: 0 auto; padding: 3vw; background: slateblue; position: relative; } .sqs-block-content::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; border: 2px solid white; top: -12px; left: -12px; } } If you do not use a Block ID, all elements on the page will adopt the effect and it'll look rather... interesting. Anyways -- Hope this helps, Happy Web-Building! Link to comment
tuanphan Posted April 28, 2021 Share Posted April 28, 2021 On 4/27/2021 at 2:52 AM, baileyeidahl said: Is there a way to create this effect for a text box with CSS? I figured in out for images but cant figure it out for a text box. Thanks! Hi. Can you share link to your site? We can help easier 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
Archived
This topic is now archived and is closed to further replies.