add to cart button

This topic has 5 replies, 3 voices, and was last updated 4 years, 11 months ago by BaBaBaker.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
December 1, 2019 at 3:33 pm #160356

masood nikroo
Participant

Hello,
how to change size add to cart button on product page to wide.
Regards.

December 1, 2019 at 5:53 pm #160399
Elise Noromit
Member
Hello,

Please add this code to the Theme Settings > Custom CSS > Global:
```
body .single_add_to_cart_button{
width:80%
}
```
Best Regards
December 2, 2019 at 8:54 am #160481

masood nikroo
Participant

Hello,
this css code isnt work.
what can i do?
Regards.

December 2, 2019 at 8:57 am #160482

masood nikroo
Participant

i want to change my add to cart width like this image:
https://drive.google.com/file/d/186ToDkMRp_O0gKwkZ0n2haAzdh1VxogZ/view?usp=drivesdk

December 2, 2019 at 1:09 pm #160551
Elise Noromit
Member
Hello,

Such button modification is not covered by our support. You need to find a special plugin for this payment method or customize Woocommerce.

Replace the code with this one:
```
body .single_add_to_cart_button{
width:80%;
}
```
Best Regards
December 2, 2019 at 2:11 pm #160570
BaBaBaker
Participant
Try this css code 🙂
```
/* add to cart */
.product-image-summary .single_add_to_cart_button {
    margin-bottom: 10px;
		width:100% !important;
		max-width:100%;
			border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	font-weight:500;
	font-size:15px;
	letter-spacing:0.8px;
	
}
.variations_form .single_variation_wrap .woocommerce-variation-add-to-cart{
	display:flex;
}
```
Attachments:
You must be logged in to view attached files.
Author

Posts