Support Center Visit Demo License manager Buy @ envato

Cart Page CSS

CasperBlackwellCasperBlackwell
in WooCommerce
Hello,

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


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








Comments

  • AlbertAlbert
    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; }
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • CasperBlackwellCasperBlackwell

    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


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

    Thanks :)

    Please close.
Sign In or Register to comment.