Reply 199600 to: Font Colors for Add to Cart, ProductTitles, NAV and Mobile Menu are All the Same

Avatar: Olga Barlow
Olga Barlow
Support staff
September 18, 2018 at 08:51

Hello,

All these elements used the main font color even before the 4.4 update because we did not change these styles in that update.
Inspecting your site I see that you added custom code that duplicates almost all the styles from the parent theme except background color http://prntscr.com/kvoisa It’s not right. You need to add only styles that you need to change, for example,

button, .button, input[type=button], input[type=submit], .wishlist_table .add_to_cart.button, .btn-black, .btn.btn-black, .subscription-toggle {
    background-color: #028389 !important;
    border-radius: 5px;
    font-size: 15px;
}

You don’t need to copy whole the styles to child theme http://prntscr.com/kvokgr

2) Some styles in your custom CSS conflicts http://prntscr.com/kvoku9 Why do you use the different color for the same element button for example?
3) If you don’t want to change the main font color remove it and just send me screenshots of the elements where you want to change the color. If you don’t like color of the Add to cart button then just remove the color: #000 from your custom, I have already mentioned it on the screenshots.
4) “green drop-down menu” – the same situation, you have added this background in custom CSS http://prntscr.com/kvonhy Also, I see that you made changed directly in theme styles. We don’t recommend to do this. Reupload source style.css of the WooPress parent theme!

Regards

Go To The Whole Conversation In Topic
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.