caitlynmayers / dukes

0 stars 0 forks source link

Color Contrast Adjustments #157

Closed caitlynmayers closed 7 years ago

caitlynmayers commented 7 years ago

Location

1: Product Purchase Modal - http://test-dukes.pantheonsite.io/product/real-mayonnaise/ 2: Where to Buy Destini Find button - http://test-dukes.pantheonsite.io/where-to-buy/ 3, 4: Cart - http://test-dukes.pantheonsite.io/cart/ 4: Forms - http://test-dukes.pantheonsite.io/news/contact-us/, http://test-dukes.pantheonsite.io/news/press-inquiries/

Description

  1. Change the product purchase modal's buttons (via festicart) background/border color to #ec0800.
  2. Change the search Find button background color to #ec0800.
  3. Change the color of Woo's elements to #727272 on the checkout page.
  4. Change the color of elements with class="required" and class="gfield_required" to #ec0800.
  5. Change the style of the <div id="payment"> and <div class="payment_box payment_method_authorize_net_aim"> to have background: #ffffff; and border: 1px solid #e0e0e0;, remove the before on the payment box div so that arrow doesn't look weird.
caitlynmayers commented 7 years ago

@hessdev the cart total and nested elements still have the old color that might be overridden by woo. The (incl. tax) and (includes $2.54 VA State Tax) text is still too light. Let's make it #3f3f3f. I don't think I accurately had this listed above - sorry about that.

the following classes are applied to the & .

Additionally, the background colors of the credit card info boxes need to both be set to white so they have enough color contrast with the red required asterisk.

screen shot 2016-12-21 at 8 55 13 pm
caitlynmayers commented 7 years ago

Fix verified.