Resolvedadd button + or – for add product or remove product

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #31312
    sariayuherbal1
    Participant

    dude how to add icon + or – , to add a product in the cart page and shop page?

    https://prnt.sc/1qbbwiq (cart page)

    https://prnt.sc/1qbbxyh (quick view shop page)

    #31324
    sariayuherbal1
    Participant

    I mean, I want to add a + – button for product quantity, different from the current default theme

    #31329
    Althemist
    Keymaster

    Hi ,

    Th buttons are already there, but you’d need tos how them with CSS and style them as per your needs. You can use the following CSS to show the buttons:

    div.quantity {
        height: 47px;
        position: relative;
        margin-right: 3px;
        padding: 0 30px;
        border: 2px solid #f1f1f1;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        vertical-align: middle;
    }
    div.quantity input.babystreet-qty-plus, div.quantity input.babystreet-qty-minus {
        width: 24px !important;
        height: 24px;
        display: inline-block;
        border: none;
        color: #333;
        background: #fff !important;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        position: absolute;
        right: 8px;
        top: 50%;
        margin-top: -12px;
        cursor: pointer;
        -webkit-appearance: none;
    }
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in and have valid license to reply to this topic.

License required for any item belonging to this account
AlThemist

AlThemist

sales 17191, followers 742
Login and Registration Log in · Register