Pop up Box -Change background

[ellacoker]

Hi there,

I would like to change the background of my pop up box - seen as "click here to check out the secret ingredient" so that it is a cream colour button and lines up with the add to card button, and the text is centred. Please see screenshot.

URL: https://www.samiyaskincare.com.au/products/ground-bundle 

[Mustafa_Ali]

form.needsclick.klaviyo-form.klaviyo-form-version-cid_1.go1558996584.kl-private-reset-css-Xuajs1 {
    background-color: #D2A592 !important;
}

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the <style> tag before the body ----->
if this code work please do not forget to like and mark it solution

[Sangeetanahar75]

hello @ellacoker 

Go to online store ----> themes ----> actions ----> edit code ---->assets ----base.css...> line number 3739.....>search the code

button#ProductPopup-popup_rTx3zK {
    font-weight: bold !important;
    color: black !important;
}

replace with new code

button#ProductPopup-popup_rTx3zK {
    font-weight: bold !important;
    color: black !important;
    border: 1px solid;
    background-color: #D2A592;
	    text-decoration: none;
}

If this was helpful, hit the like button and accept the solution.
Thanks

[DaisyVo]

Hi @ellacoker 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

button#ProductPopup-popup_rTx3zK {
    color: #ca8264 !important;
}

Result 

Best,

Daisy

[GTLOfficial]

Hello @ellacoker 
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.

button#ProductPopup-popup_rTx3zK {
font-weight: bold !important;
color: #e19677 !important;
}
.product-popup-modal__opener {
display: flex;
justify-content: center;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[PageFly-Richard]

This is Richard from PageFly - Shopify Page Builder App
Hi  @ellacoker  Please add code here to fix it:
Step 1: Online Stores > Themes > Edit code
Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
@media screen and (max-width: 767px) {
button#ProductPopup-popup_rTx3zK {
font-weight: bold !important;
color: #e19677 !important;
}
.product-popup-modal__opener {
display: flex;
justify-content: center;
}
}
</style>

Hope my solution will help you resolve the issue.
Best regards,
Richard | PageFly