Add to Cart Button Modifications

[rusteynail]

Where are the add to cart button options in the code? Where can I alter this?

 

Thanks

[Harry]

Hi,

Sorry because miss your message.

What do you want to do with add to cart button (change color, font, background)?

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[rusteynail]

Make add to cart button a little wider, like 1/3 wider

[rusteynail]

If this somehow looks weird on mobile view, it can stay as it is. Thanks in advance

[Harry]

Hi,

Please add below code to Theme Customize > Theme Settings > Custom Code > Custom CSS

@media only screen and (min-width: 1025px) {
.button--atc-ajax {
	padding: 0 55px;
}}

Change 55 as number you want

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[rusteynail]

Hello Harry, I was wondering if there a way to make the add to cart button square and maybe a little bigger, as well as the quantity selector.

 

[rusteynail]

Hello Harry, I was wondering if there a way to make the add to cart button square and maybe a little bigger, as well as the quantity selector.

 

[Harry]

Hi rusteynail,

Please add below code to Theme Settings > Custom Code > Custom CSS

.quantity .tc a {
	height: 44px;
	line-height: 42px;
}
.quantity {
	height: 44px;
	border-radius: 0;
	line-height: 42px;
}
.quantity input.quantity__input {
	height: 44px;
	line-height: 42px;
}
.form__atc--action .button--atc-ajax {
	height: 44px;
	border-radius: 0;
	line-height: 42px;
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[rusteynail]

Thank you for the time and effort you put in to help me.

[Author]

Posts