Squeeze form Download Button Color

[jencoleman111]

Is it possible to edit the color on the button for the squeeze form?

[jencoleman111]

[belladonnatb.com/offerings]
it is the button on the left of the page that says Download Pedigree

[RichardChapman]

Hi there,

I’m not the support team but saw your question and I thought I’d share what we have done.

The CSS we used to change the formatting of the buttons is below.

This may not be the official or supported way, and it may not work for you, but it worked for us!

Thanks,
Richard.

/*==================================
==================================
Simple Download Monitor
==================================
==================================*/

/* Formatting of the button that opens the download form */

/* Normal button */

.sdm_sf_tpl4_button_element{
border-radius:4px;
-webkit-border-radius:4px;
box-shadow: 0 5px 5px 0 rgb(18 63 82 / 4%), 0 0 0 1px rgb(176 181 193 / 20%);
background-color: rgb(33, 45, 86) !important;
border:1px solid rgb(33, 45, 86);
color: white !important;
}

/* Button when hovered over */

.sdm_sf_tpl4_button_element:hover{
border-radius:4px;
-webkit-border-radius:4px;
box-shadow: 0 5px 5px 0 rgb(18 63 82 / 4%), 0 0 0 1px rgb(176 181 193 / 20%);
border:1px solid rgb(33, 45, 86, 0.8) !important;
background-color: rgb(33, 45, 86, 0.8) !important;
color: white !important;
}

/* Formatting of the button on the download (squeeze) form */

/* Normal button */

.sdm_sf_tpl4_submit {
border-radius:4px;
-webkit-border-radius:4px;
box-shadow: 0 5px 5px 0 rgb(18 63 82 / 4%), 0 0 0 1px rgb(176 181 193 / 20%);
background-color: rgb(33, 45, 86) !important;
border:1px solid rgb(33, 45, 86);
color: white !important;
}

/* Button when hovered over */

.sdm_sf_tpl4_submit:hover{
border-radius:4px;
-webkit-border-radius:4px;
box-shadow: 0 5px 5px 0 rgb(18 63 82 / 4%), 0 0 0 1px rgb(176 181 193 / 20%);
border:1px solid rgb(33, 45, 86, 0.8) !important;
background-color: rgb(33, 45, 86, 0.8) !important;
color: white !important;
}

/*==================================
==================================
Simple Download Monitor – End
==================================
==================================*/

[RichardChapman]

Please note: this doesn’t work for buttons on a mobile. We’ve raised a support request for this.

[Author]

Posts