Site logo

Archived topic

Mini-cart drop down 2 different colors for each button

5 replies · Started by Tri Ryuzaki on February 11, 2020

Viewing posts 1–6 of 6

Hello, is there a way to set 2 different colors for each button (view cart & checkout) of the mini-cart drop-down menu. Thanks in advanced

Hi there,

you can use this CSS to change the Mini Cart > Checkout button colors:

/* Static color */
#wc-mini-cart .button.checkout {
    background-color: #ff0000;
    color: #ffffff;
}

/* Hover color */
#wc-mini-cart .button.checkout:hover {
    background-color: #0000ff;
    color: #ffffff;
}

And use the Customizer > Colors > Woocommerce to set the View Cart colors

Hi David, it works like a charm. You guys is the best theme and support I 've ever used so far.
I have some suggestion about premium modules, please consider adding these:

1. Ability to switch between grid / list layout on woocommerce shop page & product archive page which is very crucial for online shopping (In the meantime, do you recommend any solution for that)

2. Add Learndash Module which allows customizing design layout and elements of Learndash course page,...

3. Is there a way to change the tab layout of single product page to "section" layout which means "product description" and "review" would be in its own separate section (viewer can see both at the same time without tab switching)

Thank you so much David, it works perfectly

You're welcome

This archived topic is closed to new replies.