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!
Lisa

it looks like it is caused by this CSS

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

you should ask woocomerce about this.

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.

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

Try it and see.

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

.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.