Advanced Search

CREATE A HEADER MINI-CART IN WP E-COMMERCE - Part 2

/ Published in: CSS
Save to your folder(s)
CREATE A HEADER MINI-CART IN WP E-COMMERCE - Part 2

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. #ge-header-cart a {}
  2. .ge-count{
  3. /* PUT THE MINI-CART TO THE RIGHT OF THE LOGO */
  4. display: block;
  5. padding: 70px 0px 10px 690px;
  6. text-align: left;
  7. color: #FF8C00;
  8. text-shadow: 1px 1px 0 
  9. rgba(0, 0, 0, 0.8);
  10. /* BELOW IS THE SHOPPING CART ICON/IMAGE */
  11.  
  12. background: url(http://example.com/wp-content/uploads/2012/07/ico-cart.png) no-repeat ;
  13. /* POSITION THE IMAGE TO THE LEFT OF THE TEXT */
  14. background-position: 70% 85%;
  15. }

URL: http://eckstein.id.au/11946/wordpress/wp-e-commerce-shop-cart/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.