Home › Forums › WoodMart support forum › how to reduce space of the Add to cart button and remove unwanted line

how to reduce space of the Add to cart button and remove unwanted line

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 25, 2025 at 4:30 pm #648910

    hey3212
    Participant

    Hi,

    Could you check the video in the private section and advise? Thanks.

    March 26, 2025 at 10:19 am #649048

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Navigate to Layouts > Edit single product layout with Elementor and remove the add-to-cart widget you are using and use our theme widget “product add to cart” widget and check the issue: https://ibb.co/pv86yRXk

    Best Regards,

    March 26, 2025 at 11:09 am #649067

    hey3212
    Participant

    Thank you! I have successfully made the new button. How to change the button background color from black to grey when hovering? Similar to this Add to Bag button https://www.net-a-porter.com/en-us/shop/product/jennifer-behr/jewelry-and-watches/earrings/gladiolus-gold-tone-earrings/1647597352389842.

    March 26, 2025 at 11:11 am #649069

    hey3212
    Participant

    Alternatively make the button shrink smaller, so that a user can see the noticeable effect of hovering. Thanks

    March 26, 2025 at 12:52 pm #649110

    hey3212
    Participant

    The other thing is when I reduce the width of the single product page, the positions of Compare and Wishlist buttons stay fixed, whereas the Add to cart button reduces the width along with the page width. See attached. Could you suggest how to make the two buttons adjust width when the page width adjust? Attached.

    Attachments:
    You must be logged in to view attached files.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)