Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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

Go to solution Solved by tuanphan,


  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 1
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;


Link to post
  • 0

Add to Design > Custom CSS

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


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...