Please help Restoring Button View

Hi,

It seems there is some CSS conflict. But we can fix it only if we can enter into the page. It seems your website is under maintenance.

Thank you.

Hey There..!
It’s Open now…

I created a dummy page for you –
https://curiouscraft.com.bd/shop/steam-wallet-codes-copy/

I did reset the Permalinks…

Please check the problem from the links given below –
https://curiouscraft.com.bd/product/test
https://curiouscraft.com.bd/product/test-without-form

Hi,

Please add the below CSS code to Additional CSS.
Path: Appearance -> Customize -> Additional CSS.

.wcpa_has_options form.cart {
    background: none !important;
}

.wcpa_has_options button.single_add_to_cart_button.button.alt {
    background: linear-gradient(90deg, #c467f5, #53f3ff) !important;
}

Thanks for your Instruction… It seems, it worked on the Cart Button with Table…
But, however, it did not do any change to Cart Button of the product, which didn’t have the form…

With Form(now)-
https://prnt.sc/t30ues

Without Form –
https://prnt.sc/t30vc3

Please Note, my Normal Add to Cart button looks like(when your Plugin is deactivated)-
https://prnt.sc/t30ws4
Can you please help me make the button look exactly like this..?

Thanks in advance..!

Use this code

button.single_add_to_cart_button.button.alt {
    position:absolute;
    top:6px;
    right:10px;
}

form.cart {
   position:relative;
   height:55px;
   background: linear-gradient(90deg, #c467f5, #53f3ff);
   width:50%;
}

.quantity {
    position:absolute;
    bottom:20px;
}

Thank you.

Thank you very much for your time…

The last code you sent, Caused the Cart for the “TEST without Form” product look completely Normal..
But, it messed up the product with Form and all other Products as well… :D…

I guess, it’s harder to make it perfect..
Anyway, No Worries, Thanks for your Support…!