Home › Forums › WoodMart support forum › buttons in Hover on product section

buttons in Hover on product section

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 9, 2025 at 9:19 am #685188

    ahmedkasssas
    Participant

    Hi in Products styles -> button on hover if i need make buttons appear without hover how can i do this ?

    buttons in Hover on product section if i chose “button on hover” style how can i make buttons and other object as compare … appear without hover as image in attachments

    Attachments:
    You must be logged in to view attached files.
    September 9, 2025 at 2:03 pm #685265

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Navigate to Theme Settings > Product Archive > Product Styles > choose the standard button hover effects on product hover.

    This style will ensure the Add to Cart button is always visible, even without hovering.

    Best Regards,

    September 9, 2025 at 2:24 pm #685271

    ahmedkasssas
    Participant

    Hi
    yes i have do this but this style not good formated some button appear up and down
    and other buttons compare … not appear till hover
    i need style buttons on hover but without hover
    could you please help to do this

    even in code just let me know where can i do this and how it’s ok for me
    thanks

    Attachments:
    You must be logged in to view attached files.
    September 9, 2025 at 2:31 pm #685276

    ahmedkasssas
    Participant

    if there are no option please tell me how can i do it by css

    September 9, 2025 at 3:23 pm #685294

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Your site is in maintenance mode, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this and give you a possible solution.

    Best Regards,

    September 9, 2025 at 3:37 pm #685299

    ahmedkasssas
    Participant

    info in Extra information

    September 10, 2025 at 8:37 am #685378

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS under Theme Settings >> Custom CSS.

    .product-grid-item.wd-hover-buttons-on-hover .wd-product-footer,
.product-grid-item.wd-hover-buttons-on-hover .product-element-bottom,
.product-grid-item.wd-hover-buttons-on-hover .wd-buttons,
.product-grid-item.wd-hover-buttons-on-hover .wd-add-btn,
.product-grid-item.wd-hover-buttons-on-hover .add-to-cart-loop {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
  display: flex !important;
  gap: .5rem !important;
  margin: 0 !important;
}

    Best Regards,

    September 11, 2025 at 2:52 am #685663

    ahmedkasssas
    Participant

    Hi
    how can i remove or hide this spaec between name of products and image when do hover

    Attachments:
    You must be logged in to view attached files.
  • Author
    Posts

Tagged: 

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