Jump to content

Make one button another colour

Recommended Posts

Site URL: https://www.circularitybv.nl/inloggen-voor-investeerders

Hi, I am making a website where I have a login page for investors, after the password it shows two buttons, both are blue, but I want to put the emphasis on the top one, so I want to turn the bottom button grey.

I got to the point where I can change the button style of medium to grey, but that changed all medium buttons on all pages.

Anyone know where I can change coding per page? So I can sniff out where the color for that button is located and change the # to the color I want? 

Link to comment
  • Replies 5
  • Views 439
  • Created
  • Last Reply
18 minutes ago, The_Concept_Consigliere said:

Site URL: https://www.circularitybv.nl/inloggen-voor-investeerders

Hi, I am making a website where I have a login page for investors, after the password it shows two buttons, both are blue, but I want to put the emphasis on the top one, so I want to turn the bottom button grey.

I got to the point where I can change the button style of medium to grey, but that changed all medium buttons on all pages.

Anyone know where I can change coding per page? So I can sniff out where the color for that button is located and change the # to the color I want? 

Target the block using this tool and update the code accordingly

#block-yui_3_17_2_1_1605186721823_4664 .sqs-block-button-element {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}

Chrome Web Store - Extensions (google.com)

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
2 minutes ago, The_Concept_Consigliere said:

Tried it, and only got a grey square around the button..

Schermafbeelding 2021-04-13 om 10.22.09.png

what is your site wide password

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

image.thumb.png.3cee625330361b2bf85e67e283f808ed.png

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.