eStore Cart Fancy1 displays table strange vs original cart is fine

[Rodge]

Hi there!

I’ve used your great eStore plugin on one of mine sites fine [http://starsofbeauty.se]. Now on my next site (on my same server) (this now with another theme) i have problems with the cart showing the items in a nice table, using cart fancy1. I tried to use original cart and there the table line up goods and prices etc in a nice table with columns fine. But fancy 1 gets strange. Have a look at [http://skinsecrets.se/shop] to pick the two test items, and you’l see the cart afterwords showing first fancy1, and below also original cart with columns fine. Any idea why fancy1 don’t display the columns okay?

I’ve looked at the fancy1 part of the CSS but there is little to do that affects the table… Also looked at cart.php but the not that easy for me to see any problems there…

Thanks in advance!

// Rodge

[admin]

Your theme is specifying a fixed widget for all of it’s input fields so the text inputs are getting bigger (fancy1 inherits more of your theme’s CSS).

Add the following block of CSS code in eStore’s custom CSS file “wp_eStore_custom_style.css” and that should fix the text inputs width:

.eStore_cart_fancy1 input{

width: auto !important;

}

[Rodge]

Ah! so that’s why…

Thank you so much for your fast reply, it worked great!

Hm, the images (-) to remove items/lines and the clear cart images are transparent png’s and get white bg and borders even though the css says that the images should have border none:

.eStore_cart_fancy1 a img{

border: none;

}

or is that for some other images (empty cart maybe?). Can I somehow loose the border/bg for these (-) and the clear cart images?

And is there anyway to get a left margin/padding on the “table” part so there is the same left margin on the cart items as there is in the header and footer sections? Now the items are lined up without any space to the border line…?

Have a look at [http://skinsecrets.se/shop] to pick the two test items, and you’l see the cart

Again thanks in advance!

// Rodge

[admin]

Those are not plain images, they are input buttons that use an *image*. Try adding the following to the CSS file:

input.eStore_remove_item_button, input.eStore_empty_cart_button{

border: none;

background: none;

}

[Rodge]

Great! Thank you so much for helping me! That explained why .eStore_cart_fancy1 a img didn’t affect these images/icons

And to workaround the lack of space on the left side between goods/table and border line (span/margin) i just sat the border line to 0 and the table looks in center, and okay with just the header and footer. Modified the wp_eStore_stlye.CSS

.eStore_cart_fancy1 {

border: 0px solid #CDCDCD;

-moz-border-radius: 5px;

-khtml-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;

}

Thanks again for your fast and excellent support!

Have a nice day!

// Rodge

[Author]

Posts