How can I make my buttons transparent with a white outline?

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!

Updated page link - https://bluebird-porcupine-yzdg.squarespace.com/home

Pword - bluebird

Please help!

Add to Design > Custom CSS

/* Button outline */
.button-block a.sqs-block-button-element[href="/store"] {
    background: transparent !important;
    border: 1px solid white;
}

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!

AWESOME! Thank you so much looks so cool!!! Thanks Tuanphan 💯💗

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!

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;
}

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!

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?

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

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;
}