Product Page Help PLEASE

[hadesnyc]

Hello everyone, I’m currently trying to figure out how to evenly align my add to cart button with my Keep shopping button.

 

I will leave a photo of MY page

 

the photo below is how I’d like the buttons to be. Next to each other like so,

 

 

See how the add to cart button is next to “keep shopping”

 

I just want to make them straight instead of uneven how the theme currently has them.

 

Thank you so much for being a great support staff and assisting. Absolutely love this theme.

[hadesnyc]

I changed the item settings to sold individually which got rid of the number box. But the Keep shopping button is still not on the same line as the add to cart button.

 

 

Please help me make the buttons equal like they are in the photo below

 

[Harry]

Hi,

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.button.wc-backward {
	margin-top: 10px;
	margin-left: 10px;
}

If you love our theme and support please help us by purchase for renew support at https://themeforest.net/item/gecko-powerful-ajax-woocommerce-theme/15863658.

Thank you very much and have a nice Sunday!

Regards

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

[hadesnyc]

Hi Harry,

You fixed the web version and made it perfect. Unfortunately the mobile version did not change.

The buttons are vertical instead of horizontal.

Please see below.

WEB VERSION IS PERFECT

 

The problem continues on Mobile.

 

[hadesnyc]

Anyone know how to css the sizing of the buttons on MOBILE?

[Harry]

Hi,

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 800px) {
form .quantity.hidden + input[type="hidden"] + .single_add_to_cart_button, form .quantity.hidden + .single_add_to_cart_button {
	padding: 0 13px;
}
.button.wc-backward {
	padding: 0 15px;
	float: right;
	margin-top: -40px;
}}

Regards

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

[hadesnyc]

Once again Harry saves the day.

For anyone looking to add a keep shopping button to help keep users on their shops longer.

I will leave the snippet code for this theme below.

//add back to store button after cart
add_action(‘woocommerce_single_product_summary’, ‘themeprefix_back_to_store’, 35);
function themeprefix_back_to_store() { ?>
“><?php _e( ‘Keep Shopping’, ‘woocommerce’ ) ?>
<?php
}

 

Use Harry’s styling to adjust it for mobile.

 

Much thanks to Gecko & harry.

[Harry]

Hi Hadesync,

Thank you for sharing.

We happy if you purchase for renew support at https://themeforest.net/item/gecko-powerful-ajax-woocommerce-theme/15863658

Thanks and have a nice day!

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

[Author]

Posts