Display Issues on Cart Page

2 posts from 2 voices

• Started 11 months ago by tjmaxwell
• Latest reply from Devin
• This topic is resolved

Tags:

No tags yet.

1. 

   tjmaxwell
   Member

   Hello,

   I've noticed a couple of styling issues on the shopping cart page. This also happens in the demo. First is the pricing table. The text in the table cells above and below the word "Shipping" in this screenshot are not appearing. If you click and drag over the text, you will see that it's there, but it's not white like it should be.

   Screenshot: http://imgs.inkfrog.com/pix/squaresound/cart.jpg

   Secondly, when you enter an invalid coupon code, the error code that says "Coupon code does not exist" is not styled. I assume it should have a nice red box with an "X" icon next to it or something so it stands out more.

   Screenshot: http://imgs.inkfrog.com/pix/squaresound/coupon.jpg

   If someone could please provide fixes for these issues, I would appreciate it. Thank you.

   Posted 11 months ago #
2. 

   Devin
   Moderator

   Hi tjmaxwell,

   I know i've sent this fix in to Kriesi but I guess it hasn't been included in an update yet. Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

   .cart_totals th strong {
   color: white;
   }
   .shop_table th strong {
   color: white;
   }

   The alert message for the incorrect coupon code is actually correct. Its all part of the same list element for any errors that pop up.

   However, you can style that area pretty easily. Here is a quick bit of extra style for the error message area to give it a red border and background with white text:
   

   .woocommerce_error {
   border-radius: 5px;
   border: 1px solid red;
   padding: 8px;
   background-color: rgb(243, 149, 149);
   color: rgb(250, 248, 248);
   }

   You can add that to either your Quick CSS or custom.css as well.

   Regards,

   Devin

   Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.