Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   eCommerce & Atahualpa (http://forum.bytesforall.com/forumdisplay.php?f=31)
-   -   WooCommerce - weird formatting on Checkout page (http://forum.bytesforall.com/showthread.php?t=20919)

moomum Sep 16, 2013 07:31 AM

WooCommerce - weird formatting on Checkout page
I have googled and googled and I'm getting nowhere.
I'm working on http://www.mamablessings.co.uk/checkout/
and the top line of the checkout page is too narrow. There is a green info tab that covers up much of it and you can't read the writing.
I just want to get rid of it or make it deeper.

If I click on inspect element I can see it's a class but I don't know what to do next?
Any ideas as always much appreciated. It's doing my head in!

juggledad Sep 16, 2013 08:10 AM

1 Attachment(s)
it looks like it is caused by this CSS
HTML Code:

.woocommerce-info:before {
    background-color: #1E85BE;
    content: "i";
    font-family: Times,Georgia,serif;
    font-style: italic;

you should ask woocomerce about this.

moomum Sep 16, 2013 10:21 AM

Woocommerce have terrible support, I've tried but I'm not getting anywhere.
I can see the css that comes from so I'll have a prod, thank you!
Really not sure what I am doing but it can't stay like that.

moomum Sep 16, 2013 10:39 AM

Juggledad, if I just take that CSS out will I lose the whole line of troublesome text? that might be one way around it.

juggledad Sep 16, 2013 02:04 PM

Try it and see.

lmilesw Sep 16, 2013 02:58 PM

Another thing you could try is the following in the CSS Inserts section of the theme options.
HTML Code:

.woocommerce-message:before, .woocommerce-error:before, .woocommerce-info:before {
    position: relative !important;

I'm not sure how it will impact other pages but it is something I would try.

All times are GMT -6. The time now is 12:33 PM.

Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.