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

BRINE: Change Donate Button Style


Rafida

Question

Site URL: https://rafida.org

Hey,

In the attached image you can see the button that says 'CARD'. This is the inbuilt 'donate' function on Squarespace.

Is there any way to control the style of the button? We want it to look like the other buttons on the right and left of it.

I could not find any non-code way to adapt the style through Squarespace.

Thanks

Website access:
rafida.org
pass: lastphasetesting3

 

 

Screenshot 2020-09-21 at 00.38.28.png

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

2 answers to this question

Recommended Posts

  • 0

Add the following to Page Settings > Advanced > PAGE HEADER CODE INJECTION for the page.

<style>

  body:not(.button-style-default).button-style-outline .sqs-editable-button {
  
    background-color: #e37262;
    
    -webkit-box-shadow: 0 2px 0 0 #dd5340;
    box-shadow: 0 2px 0 0 #dd5340;
    
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    
    }
    
  body:not(.button-style-default).button-style-outline .sqs-editable-button:hover {
  
    background-color: #e67e70;
    
    }
        
  </style>

This is for a v7.0 site using the Brine template.

If you're not on the business plan or above then add it to Design > Custom CSS.

Let us know how it goes.

Hello I'm Thomas. I've been getting websites up and running for 26 years. I want to help you at whatever level meets your needs, from as little (if you're a DIYer) to as much as you need.

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...