Please post the url to your site so the markup can be examined with browser tools.
Thanks for the reply. Here you go.
Try this custom css:
1a) for the “+” and “-” buttons on the cart page:
div.quantity .plus, div.quantity .minus {color:#ff0000}
div.quantity .plus:hover, div.quantity .minus:hover {color:#0000ff}
1b) for the “Apply Coupon” and “Update Cart” buttons:
input.button
{background:#ff0000}
input[type=submit].button:hover,
input.button:hover
{background-color:#0000ff; background-image:none}
Alter the colour hex codes to suit.
Can’t help with the navigation button when accessing the site on a mobile device.
2) Widget: I don’t think there is an option to do this. You would need to create a new page template.
http://codex.wordpress.org/Page_Templates
This is more of a theme question than a WooCommerce one, so you might get a better answer in this forum:
https://support.woothemes.com/hc/communities/public/topics/200106906-06-Themes
Thank you kindly for taking the time to look into this. I tried both CSS codes (with and without altering the colors) and neither of them worked on my end.
I will take the widget question to the link you provided.
Thank you again, for your time.
Looks like you added the custom css to style.css? This is loaded earlier than brown.css, so brown.css takes precedence.
It is not recommended to edit style.css, since this may be overridden by theme updates.
If your theme does not have a field for custom css, and I don’t think mystile does, you can use a plugin like this one:
https://wordpress.org/plugins/simple-custom-css/
It will ensure custom styles are loaded last and therefore take precedence.
I cannot begin to thank you for your help with this. Your comments have solved my questions. I was able to change the stylesheet and change the buttons on the cart page. Thank you again.