Home Forums Themes Support Gecko Product Page Help PLEASE

Topic Resolution: Resolved

This topic contains 7 replies, has 2 voices, and was last updated by  Harry 2 weeks, 6 days ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #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.

    #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

     

    #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

    #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.

     

    #26161

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

    #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

    #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.

    #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

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

You must be logged in to reply to this topic.