Home Forums WoodMart support forum add to cart button customization

add to cart button customization

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #80372

    Rana
    Participant

    Hello
    i want to add a small picture on left corner to the add to cart button , how?
    see the attachment.

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #80401

    Hello,

    It is possible to add an image as a background and in this case, the leaf would be cut and limited by sizes of the Add to cart button.

    Best Regards

    #80411

    Rana
    Participant

    ok , can you tell me the class name?

    #80441

    Hello,

    Please try this code to the Theme Settings > Custom CSS:

    .single_add_to_cart_button{
        background-image: url(http://dummy.xtemos.com/woodmart/wp-content/uploads/2017/06/newsletter-new.jpg?id=220) !important;
        background-repeat: no-repeat !important;
    }

    Replace the URL with yours one.

    Best Regards

    #80455

    Rana
    Participant

    i pasted the code and not change on the button

    Attachments:
    You must be logged in to view attached files.
    #80460

    Hello,

    Please provide your site URL if your site is under maintenance, provide your site admin access.

    Best Regards

    #80466

    Rana
    Participant

    no not under maintenance , this is the link https://www.testing.utradeksa.com

    and i want to reduce the size boxes of countdown you will see theme in my home page

    #80488

    Hello,

    Here is the code for the countdown:

    .product-grid-item .woodmart-timer > span {
        min-width: 40px;
        min-height: 40px;
        font-size: 16px;
    }
    .product-grid-item .woodmart-timer > span span {
        font-size: 8px;
    }

    And this is code for the Add to cart button.

    .woodmart-hover-standard .btn-add > a{
        background-image: url(http://dummy.xtemos.com/woodmart/wp-content/uploads/2017/06/newsletter-new.jpg?id=220) !important;
        background-repeat: no-repeat !important;
    }

    Best Regards

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