[Resolved] Mini-cart drop down 2 different colors for each button

[Tri Ryuzaki]

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

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tri Ryuzaki]

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)

[David]

1. We don’t have a solution for this yet as it would require GP to move from the standard Woocommerce templates we use. But it is on our list of things to investigate.

2. Yes – LMS has been under review for a while. You prefer LearnDash over LifterLMS>

3. This topic explains how to do that with the default tabs:

https://generatepress.com/forums/topic/order-of-woocommerce-single-product-page-tabs/#post-1025029

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tri Ryuzaki]

Thank you so much David, it works perfectly

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts