Colour updates

[micheal_w]

Hi team,

have few questions mainly related to colour updates…

1. how to change the titles of the dropdown menu’s submenu’s title to #white? Whatever I change in the customiser, I cannot find the correct option to update this…
(attached / link above)

2. how do I change the colour of text on the add to cart button (both normal and hover status to #fff)
(link above)

3. how do I change the hover colour of the add to cart button to #222?
(link above)

4. how do I change the hover colour of the proceed to checkout button on the cart page to #222?

5. my dropdown cart window is dark and when I have more than 3 product in the cart, the scroll bar doesn’t look nice. Can it be removed but the products be scrollable (with the mouse wheel) – same as on Atelier?
(attached / link above)

6. how do I remove the rounded corners of the product images on the shop page?

Thank you for the help!

[David Martin – Support]

Here they are:

1)

li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link {
    color: #fff;
}

2,3)

.woocommerce p.cart a.add_to_cart_button, 
.woocommerce .single_add_to_cart_button.button.alt, 
.woocommerce button.single_add_to_cart_button.button.alt {
    color: #fff!important;
}
.woocommerce p.cart a.add_to_cart_button:hover, 
.woocommerce .single_add_to_cart_button.button.alt:hover, 
.woocommerce button.single_add_to_cart_button.button.alt:hover {
    background-color: #222!important;
    color: #fff!important;
}

4)

.woocommerce a.button.alt, 
.woocommerce input.button.alt, 
.woocommerce a.button.alt:hover, 
.woocommerce input.button.alt:hover, 
.woocommerce button.button.alt:hover {
    background-color: #222;
}

5)

.bag-contents::-webkit-scrollbar {
    display: none;
}

6)

li.product-display-standard figure.animated-overlay .img-wrap {
    border-radius: 0;
}

[micheal_w]

Hi David,

1) the hover is still grey, any chance to make that #fff too?
It is an unfortunate that none of the setup in the customiser menu responds to this 🙁

2-6) all good, thank you!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code also:-

li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover {
    color: #fff !important;
}

Thanks
Mohammad

[micheal_w]

Works perfectly, cheers!

[David Martin – Support]

Thanks Mohammad