changing the color or the menu and container box

You can absolutely do this. Just add this css to your child theme style sheet, or you can use the custom css plugin to contain the same if you are using the parent theme (there is also the default custom css box in the theme options)

Nav menu to orange (you can use a hex value for any color instead of “orange”)

.nav a {
color: orange !important;
}

Not sure if you want each individual container changed to a light rose, or the exact hex code, but here is how to do the whole page for all content:

#content {
background: pink;
}

If you just want on woocommerce pages, it would be:

body.woocommerce #content {
background: pink;
}

If you wanted just the featured product boxes:

#featured-products ul.featured-products li.flipper .front {background:red;}

Hi Art65,

I am glad to help you with the issue you have mentioned above. You can use this code in your style.css for changing the color in the menu from white to orange:

.nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-item a {
    background-color: #FF6600;
}

And try this for changing the color in the product box:

#featured-products ul.featured-products li.flipper .front {
    background: none repeat scroll 0 0 #ff66cc;
}

If you want any color other than that then you can get your selectec color from here:

https://www.w3schools.com/tags/ref_colorpicker.asp

Thanks guys, this is great. your amazing!

You’re most welcome.