Add to Cart button

Home Forums All Other Themes Add to Cart button

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #205927
    BikoBiko
    Participant
    • Topics: 67
    • Replies: 70
    • Total: 137
    Member since: November 29, 2019

    Hi,
    With the SKT AUTO PARTS theme, the ADD TO CART button appears when hovering over the product.
    I would like to display this button at the bottom of the article and make it permanently visible.
    Is it possible and how to do it?
    Thanks in advance.

    #205941
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30657
    • Total: 30657
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .woocommerce ul.products li.product .button { position: relative !important; top: auto; left: 0; opacity: 1 !important; visibility: visible !important; margin-bottom: 30px;}

    Regards,
    Chris

    #205953
    BikoBiko
    Participant
    • Topics: 67
    • Replies: 70
    • Total: 137
    Member since: November 29, 2019

    Hi,
    It’s perfect.
    Only that the button is not centered horizontally on Desktop and on Mobile.
    See screenshot: https://prnt.sc/h94Lv7U5ZpsY
    Thanks.

    #205963
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30657
    • Total: 30657
    Member since: August 16, 2013

    Hi,

    This is done.

    Regards,
    Chris

    #205992
    BikoBiko
    Participant
    • Topics: 67
    • Replies: 70
    • Total: 137
    Member since: November 29, 2019

    Hi,
    Perfect well done!
    How did you do it?
    Did you customize the CSS code?
    Thanks.

    #205997
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30657
    • Total: 30657
    Member since: August 16, 2013

    Hi,

    Yes, We have added some custom CSS code.

    Regards,
    Chris

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.