Home › Forums › Themes Support › Gecko › Product Page Help PLEASE
- This topic has 7 replies, 2 voices, and was last updated 6 years, 2 months ago by Harry.
-
AuthorPosts
-
-
October 28, 2018 at 9:17 pm #26144
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.
-
October 28, 2018 at 9:39 pm #26145
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
-
October 28, 2018 at 11:48 pm #26156
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 -
October 29, 2018 at 12:05 am #26159
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.
-
October 29, 2018 at 12:52 am #26161
Anyone know how to css the sizing of the buttons on MOBILE?
-
October 29, 2018 at 10:04 am #26165
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 -
October 29, 2018 at 8:55 pm #26174
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.
-
October 29, 2018 at 9:24 pm #26176
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
-
-
AuthorPosts
You must be logged in to reply to this topic.