Add to Cart Button – Tick - by hscoms

This topic has 4 replies, 2 voices, and was last updated 5 years, 8 months ago ago by Rose Tyler

  • Avatar: hscoms
    hscoms
    Participant
    August 27, 2018 at 01:28

    Hi I would like to remove the tick or style it??
    I am talking about the tick that is displayed after a user click on add to cart. I believe this is shown wit the ajax add to cart functionality.
    See the screenshot attached.
    Thanks
    Harry

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 27, 2018 at 12:03

    Hello,

    Theme Options > Single Product Page > Ajax “Add To Cart” > Off.

    Regards

    Avatar: hscoms
    hscoms
    Participant
    August 28, 2018 at 09:05

    Hi,

    I dont want to disable the ajax functionality just want to either hide the tick by styling it or style it with a transparent background etc…

    Thanks

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 28, 2018 at 14:04

    Hello,

    In this case, please add this code in Theme Options > Custom css or in style.css file of your child theme:

    .progress-button.state-success .content::after {
        background-color:  transparent;
        height: 22px;
        vertical-align:  middle;
        transform: translateY(-4px);
    }
    
    .progress-button.state-success .content {
        color: transparent;
    }
    
    .progress-button[data-style="shrink"][data-horizontal].state-loading {
        border-radius:  0;
    }
    

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.