Home Forums Themes Support Claue-Shopify Add to Cart Button Modifications

Topic Resolution: Resolved

This topic contains 8 replies, has 2 voices, and was last updated by  rusteynail 1 month, 3 weeks ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #20550

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

     

    Thanks

    #20633

    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

    #21135

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

    #21136

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

    #21144

    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

    #23359

    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.

     

    #23360

    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.

     

    #23399

    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

    #23476

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

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

The topic ‘Add to Cart Button Modifications’ is closed to new replies.