Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » eCommerce & Atahualpa »

WooCommerce - weird formatting on Checkout page

Old Sep 16, 2013, 06:31 AM
164 posts · Aug 2010
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!
Old Sep 16, 2013, 07:10 AM
juggledad's Avatar
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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.
Attached Thumbnails
Click image for larger version

Name:	cart.jpg
Views:	1212
Size:	70.9 KB
ID:	2413  
Old Sep 16, 2013, 09:21 AM
164 posts · Aug 2010
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.

Last edited by moomum; Sep 16, 2013 at 09:27 AM.
Old Sep 16, 2013, 09:39 AM
164 posts · Aug 2010
Juggledad, if I just take that CSS out will I lose the whole line of troublesome text? that might be one way around it.
Old Sep 16, 2013, 01:04 PM
juggledad's Avatar
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Try it and see.
Old Sep 16, 2013, 01:58 PM
lmilesw's Avatar
10,176 posts · Jul 2009
Central New York State USA
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.
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.


checkout, formatting, woo commerce, woocommerce

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Ata & Wp-ecommerce displaying () on cart widget and checkout ozbod eCommerce & Atahualpa 16 Feb 18, 2013 02:27 AM
[SOLVED] WP eCommerce By Pass Checkout for Free Items theadventurebite Plugins & Atahualpa 1 Sep 11, 2012 06:45 AM
Page formatting different then post formatting Old Stevenick Atahualpa 3 Wordpress theme 7 Nov 28, 2010 07:21 PM
[SOLVED] My theme just went completely weird and lost all the formatting ive done to norwichkaren Atahualpa 3 Wordpress theme 18 Jul 29, 2009 07:44 AM

All times are GMT -6. The time now is 02:17 PM.

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