Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #14491

    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.

    #83664

    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

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Display Issues on Cart Page’ is closed to new replies.