Return to previous page

How to create Hover Effect (border) in X Store Theme?

This topic has 9 replies, 4 voices, and was last updated 6 months, 3 weeks ago ago by Andrew Mitchell

  • Avatar: Yasir Alam 8Theme
    Yasir Alam 8Theme
    Participant
    November 24, 2024 at 14:25

    I want once the user Hover on any product it’s should show Product border on Hover same like your legenda theme and i want to make equal height for Related Product, Recently viewed Products, Bought together Products

    #424956 Copied Theme version: 9.4.5
    8 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 24, 2024 at 15:32

    Hello,

    Thank you for contacting us.

    To assist you more effectively, could you please provide some screenshots and relevant URLs for better clarity?

    We look forward to your response.

    Best regards,
    The 8Theme Team

    #424959 Copied
    Avatar: Yasir Alam 8Theme
    Yasir Alam 8Theme
    Participant
    November 24, 2024 at 16:58

    cartlow.com

    #424967 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 25, 2024 at 09:52

    Hello,

    You have provided a link to a website that demonstrates the desired hover effect. To assist you further, could you please share a link to a website where our theme is being used and products are displayed? Currently, it seems that products are not visible on the following link: https://axhubs.com/shop/ – https://prnt.sc/Q9nS-HNZ9VLU
    Could you provide temporary wp-admin access also?

    We look forward to your response.

    Best regards,
    The 8Theme Team

    #425036 Copied
    Avatar: Yasir Alam 8Theme
    Yasir Alam 8Theme
    Participant
    November 25, 2024 at 09:56

    nexifyy.com

    #425037 Copied
    Avatar: Yasir Alam 8Theme
    Yasir Alam 8Theme
    Participant
    November 25, 2024 at 09:57

    i want same effect on landing page and also still i an unable to add topic on task board

    #425038 Copied
    Avatar: Justin
    Luca Rossi
    Support staff
    November 27, 2024 at 06:17

    Hi @Yasir Alam 8Theme,

    Please try adding this custom CSS code under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
.etheme-product-grid-item {
    border-color: #fff !important;
    transition: all 0.5s ease-in;
    border-width: 2px !important;
}
.etheme-product-grid-item:hover {
    border-color: #000 !important;
}

    Hope it helps!

    #425403 Copied
    Avatar: Yasir Alam 8Theme
    Yasir Alam 8Theme
    Participant
    November 27, 2024 at 10:16

    Thank you very much for this amazing support Always i Recommend to my Clients for Xstore theme and upcoming days we are bringing more clients for Xstore. One of the my best theme for Woocommerce

    #425443 Copied
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    November 27, 2024 at 10:16

    Dear Yasir Alam 8Theme,

    As we continue our mission to exceed expectations, your insights become increasingly valuable. Could we, with all due respect, request your thoughtful feedback by giving our theme a deserved 5-star rating on ThemeForest?

    Click here to share your valuable perspective: https://themeforest.net/downloads

    Your time and trust are highly appreciated!

    Best Regards,
    The 8Theme Team

    #425444 Copied
  • Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘How to create Hover Effect (border) in X Store Theme?’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Plants Store – WordPress WooCommerce Theme
lazy-placeholder
Artmaxy Store – WordPress WooCommerce Theme
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Purely Handmade – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Drinks Store – WordPress WooCommerce Theme
lazy-placeholder
Watches Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.