Checkout CSS problems

  • Resolved dianawest

    (@dianawest)


    11 years ago

    I’m having three CSS frustrations in formatting my WooCommerce cart and billing pages. I’ve been trying to figure it out on my own all day and am finally posting here in desperation.

    The first is on the cart page: http://dianawest.com/images/cart-totals.jpg

    Is there any way to add space after “Subtotal” so it isn’t right up against the dollar amount?

    The second issue is on the checkout page: http://dianawest.com/images/blue-background.jpg

    Can you help me change this strange dark blue background to my normal background (#f8f8e0)?

    Finally, the third issue is that my terms and conditions are not popping up even though I have the T&C popup plugin. Any ideas?

    I’m very grateful for your help!

    Diana

    https://ww.wp.xz.cn/plugins/woocommerce/

Viewing 5 replies - 1 through 5 (of 5 total)
  • rec0il

    (@rec0il)

    11 years ago

    If you could send me a link to your webpage I could solve it by inspecting the elements. 🙂

    Thread Starter dianawest

    (@dianawest)

    11 years ago

    Gosh, I’m sorry I forgot to mention that important element!

    http://dianawest.com/cart/

    and

    http://dianawest.com/checkout/

    Thanks!

    Diana

    Thread Starter dianawest

    (@dianawest)

    11 years ago

    Has anyone had a chance to look at this? Thanks so much!

    Peter Lawrenson

    (@lorro)

    11 years ago

    Try these fixes for issues 1 & 2 in your custom css:

    .cart_totals table {width:100%}
.woocommerce-checkout .woocommerce #payment {background-color: #ddd}

    If your theme does not have the facility to enter custom css, you can use a plugin like this one:
    https://ww.wp.xz.cn/plugins/simple-custom-css/

    The pop-up pops up fine for me, which is just as well because I’ve not see that before. Maybe you have a pop-up blocker extension in your browser. Wondering if that means that someone with a pop-up blocker running will not be able to checkout. Would be interested in the name of the that plugin.

    Thread Starter dianawest

    (@dianawest)

    11 years ago

    Thank you SO very much! This CSS worked perfectly!

    The plugin is http://www.woothemes.com/products/woocommerce-terms-conditions-popup/

    I agree, though, that it’s a problem for anyone with popup blocker. There is a link where they can read the T&Cs, but it’s not a perfect fix. I’m going to look for the kind of T&C that embeds as a scrolling window.

    Thanks so much for your help!

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Checkout CSS problems’ is closed to new replies.