Return to previous page

How do I update the color for the “add to cart” and the “product grid content”

This topic has 3 replies, 2 voices, and was last updated 3 weeks, 2 days ago ago by Tony Rodriguez

  • Avatar: Metaphor
    Metaphor
    Participant
    May 23, 2024 at 16:12

    I have uploaded a photo showing the color I wanna change. I wanna change the add to cart and product grid from blue to red.

    Files is visible for topic creator and
    support staff only.
    #396424 Copied Theme version: 9.3.10
    2 Answers
    Avatar: Metaphor
    Metaphor
    Participant
    May 23, 2024 at 17:21

    I found out how to change the button style, now I need help with this pop up content menu while hovering products.

    Files is visible for topic creator and
    support staff only.
    #396428 Copied
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 24, 2024 at 06:43

    Hello, @Metaphor,

    Thank you so much for purchasing our theme and contacting our support center.

    We are pleased to inform you that we have updated the hover background color of the Product Grid buttons. To apply this change, please insert the following CSS code into your theme settings:

    Navigate to: Xstore > Theme Options > Theme Custom CSS > Global CSS

    .etheme-product-grid-item .footer-inner>* {
    background: #d80000 !important;
}

    You can view the expected result at this link: [View Result](https://paste.pics/edit/R0Y23)

    Should you require any further assistance or have any queries, please do not hesitate to contact us.

    Best Regards,
    The 8Theme Team

    #396446 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Wedding – WordPress Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress 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.