Cart Page CSS

CasperBlackwell · January 2016

Hello,

On this page (with a item(s) in the cart) I can't get any of the CSS selectors right:

http://m40.siteground.biz/~heartcor/vitalfeet.com/cart/

1) Trying to get rid of this white bar: http://imgur.com/IjfjzpK

2) Is it possible to turn off the hover effect (yellow background on hover) for the "Cart Totals" sections {subtotal, shipping,taxes and totals}: http://imgur.com/Nv7tnFY

3) Change this text to white: "Note: Shipping and taxes are ..." http://imgur.com/yo9NWi0

4) Bold the text on the "proceed to checkout button" at bottom of page & "update cart" button at top of page.

Thanks in advance (WooComm CSS drives me crazy!!!)

Cheers,

Casper

Albert · January 2016

Hi,

1) To remove that white background, use the following css:

.woocommerce .shop_table td.actions { background: transparent !important; }

2) You can remove this background on hover with extra css:

.woocommerce table tr:hover td { background: transparent !important; }

3) Where you got this text exactly? We do not see it on above page.

4) These buttons can be bold with:

.woocommerce .shop_table td.actions input { font-weight: bold !important; }
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { font-weight: bold !important; }

CasperBlackwell · January 2016

Hi,

Thanks. #1 Remove white background doesn't seem to be working. Please advise.

I figured out the class for #3, it was: .woocommerce-cart .cart-collaterals .cart_totals p small {color: #fff;}

Cheers,

Casper

CasperBlackwell · January 2016

I got #1 working; I had an extra bracket in CSS above it.

Thanks

Please close.

Cart Page CSS

Comments

This website uses cookies