Customizing link button colours

Site URL: https://foxyardstudio.squarespace.com/config/pages

Hi, does anyone know if I can change each of these buttons so they are all different colours?

On 7/1/2021 at 9:45 PM, Lstewart said:

Site URL: https://foxyardstudio.squarespace.com/config/pages

Hi, does anyone know if I can change each of these buttons so they are all different colours?

Hi. Where are these buttons? I don't see them on homepage

Hi, sorry. Here is the link:

Links — Fox Yard Studio

On 7/5/2021 at 6:25 PM, Lstewart said:

Hi, sorry. Here is the link:

Links — Fox Yard Studio

Add to Design > Custom CSS

/* Links page-buttons */
div#page-60d1bb6bcdabb62ed322e8a6 {
/* button 1 */
a.sqs-block-button-element--large.sqs-block-button-element[href*="/blog"] {
    background: rgb(0,128,0);
    -webkit-box-shadow: 0 3px 0 0 rgb(0 128 0 / 81%);
    -moz-box-shadow: 0 3px 0 0 rgba(0,128,0,0.81);
    box-shadow: 0 3px 0 0 rgb(0 128 0 / 81%);
}
/* button 2 */
div#block-yui_3_17_2_1_1624359540039_2440 a {
    background-color: rgb(0,0,0);
}
/* button 3 */
div#block-yui_3_17_2_1_1624359540039_3476 a {
    background: rgb(0,125,123);
}
/* button 4 */
div#block-yui_3_17_2_1_1624359540039_4627 a {
    background: rgb(0,1,2);
}
}

Thank you! It does not seem to be working as i keep getting this message when I paste the code in.

On 7/7/2021 at 3:29 PM, Lstewart said:

Thank you! It does not seem to be working as i keep getting this message when I paste the code in.

Hi,

ah sorry, remove this code

    -webkit-box-shadow: 0 3px 0 0 rgb(0 128 0 / 81%);
    -moz-box-shadow: 0 3px 0 0 rgba(0,128,0,0.81);
    box-shadow: 0 3px 0 0 rgb(0 128 0 / 81%);

Thank you! 

Do you need help?

Site URL: https://foxyardstudio.squarespace.com/?noredirect
1. (All devices) There is a scroll bar at bottom at the page

2. (Mobile – About) Content is too close to the margins

https://foxyardstudio.squarespace.com/about

3. (Mobile – Header) When scrolling down, logo in header is cut off.

4. (Mobile – Kickstart) Content is too close to the margins

https://foxyardstudio.squarespace.com/kickstart

5. (Tablet – Kickstart) Want to equal height all boxes?

https://foxyardstudio.squarespace.com/kickstart

6. (Mobile – Blog posts) Content is too close to the margins

https://foxyardstudio.squarespace.com/blog/stitching-stowe

7. (Mobile – Contact) Image doesn’t show in full size

https://foxyardstudio.squarespace.com/contact-us

8. (Mobile – Contact) Content is too close to the margins

https://foxyardstudio.squarespace.com/contact-us