Checkout CSS problems

Resolved dianawest
(@dianawest)

11 years, 1 month 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, 1 month 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, 1 month 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, 1 month ago

Has anyone had a chance to look at this? Thanks so much!
Peter Lawrenson
(@lorro)

11 years, 1 month 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, 1 month 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.

Tags