scholarsayze Posted February 22, 2021 Share Posted February 22, 2021 Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-adxpt How can I make my page buttons transparent with just a 2px outline in white, and slightly wider? But only for this page, not on my product pages. Page = https://bluebird-porcupine-yzdg.squarespace.com/home-adxpt Pword = bluebird Thank you! Link to comment
scholarsayze Posted February 22, 2021 Author Share Posted February 22, 2021 Updated page link - https://bluebird-porcupine-yzdg.squarespace.com/home Pword - bluebird Please help! Link to comment
tuanphan Posted February 28, 2021 Share Posted February 28, 2021 Add to Design > Custom CSS /* Button outline */ .button-block a.sqs-block-button-element[href="/store"] { background: transparent !important; border: 1px solid white; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
scholarsayze Posted March 1, 2021 Author Share Posted March 1, 2021 AWESOME!! Thank you looks lovely! Is there a way to apply this to all buttons on the home page https://bluebird-porcupine-yzdg.squarespace.com/home - I only have one extra button in the 'Collection' section. Can you help me to also extend just the width of these buttons for both desktop and other devices please? Many thanks! Link to comment
Solution tuanphan Posted March 3, 2021 Solution Share Posted March 3, 2021 On 3/1/2021 at 3:56 PM, scholarsayze said: AWESOME!! Thank you looks lovely! Is there a way to apply this to all buttons on the home page https://bluebird-porcupine-yzdg.squarespace.com/home - I only have one extra button in the 'Collection' section. Can you help me to also extend just the width of these buttons for both desktop and other devices please? Many thanks! Use this new code body.homepage a.sqs-block-button-element { background: transparent !important; border: 1px solid white; width: 350px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
scholarsayze Posted March 3, 2021 Author Share Posted March 3, 2021 AWESOME! Thank you so much looks so cool!!! Thanks Tuanphan 💯💗 Link to comment
acqalt Posted October 25, 2021 Share Posted October 25, 2021 How do I get this code to apply to buttons on all pages, not just the homepage: body.homepage a.sqs-block-button-element { background: transparent !important; border: 1px solid white; width: 350px; } Thank you! Link to comment
tuanphan Posted October 27, 2021 Share Posted October 27, 2021 On 10/25/2021 at 11:27 PM, acqalt said: How do I get this code to apply to buttons on all pages, not just the homepage: body.homepage a.sqs-block-button-element { background: transparent !important; border: 1px solid white; width: 350px; } Thank you! remove body.homepage a.sqs-block-button-element { background: transparent !important; border: 1px solid white; width: 350px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
TaylorStil Posted February 3 Share Posted February 3 This is great code. I tried changing the outline color from white to black, but it didn't work. Is there a workaround for transparent with black outline? Thank you! Link to comment
tuanphan Posted February 8 Share Posted February 8 On 2/4/2023 at 5:44 AM, TaylorStil said: This is great code. I tried changing the outline color from white to black, but it didn't work. Is there a workaround for transparent with black outline? Thank you! Which exact code did you use & link to your site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Immortal_Explorer Posted September 22 Share Posted September 22 I couldn't get it to work, I just want one button to be transparent with a white outline on the main image on my homepage www.brainforestcreative.com Link to comment
tuanphan Posted September 25 Share Posted September 25 On 9/23/2023 at 6:28 AM, Immortal_Explorer said: I couldn't get it to work, I just want one button to be transparent with a white outline on the main image on my homepage www.brainforestcreative.com First remove this code #siteWrapper #block-yui_3_17_2_1_1695405854054_28364 { opacity: 58%!important; } Next add this code #siteWrapper #block-yui_3_17_2_1_1695405854054_28364 a { background-color: transparent !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care 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