Better Custom CSS for the Minicart - GIveAway

  • Patrick Toulze
  • Topic Author
  • Offline
  • Elite Member
  • Elite Member
More
3 years 2 months ago #149590 by Patrick Toulze
Better Custom CSS for the Minicart - GIveAway was created by Patrick Toulze
This is some css code for a better looking and functional Minicart

Free to use & modify!   
P.S.:
— Remove the
$whatever with real colors code #FFFFFF or your own variable (this is for SCSS)
— Remove or modify the comments lines (this is for SCSS)


BEFORE:
 

AFTER:
 
Code:
///*----- TOP MINI-CART REVIEW - HIDDEN DIV -----*/ ///*Mini Cart Container*/ div.eshop-content {background-color: $light-beige; border: solid 1px $purple; min-width:375px; max-width:100%;} ///*Mini Cart Content*/ div.eshop-mini-cart-info { line-height: .85em; border-bottom: 1px solid $bg-kitecamps;} ///*Mini Cart Content top TD with spn class (wait) with nothing taking space?*/ //div.eshop-mini-cart-info table td:first-of-type {display: none;} ///*Title Name product*/ td.eshop-name a {font-weight:$semibold; line-height:1em !important; font-size:.95em;} ///*description product*/ td.eshop-name div { font-size: .75em; margin-top:4px;} td.eshop-name small { font-size: .95em; line-height: 1em !important;} ///*Control typo for quantyty and price*/ td.eshop-quantity, td.eshop-total, div.mini-cart-total {font-size: .9em;} td.eshop-quantity {font-weight: $bold; color: $bg-kitecamps;} ///*Image*/ td.eshop-image img {min-width: 50px;} ///*Remove Button TD*/  td.eshop-remove { vertical-align:middle;} td.eshop-remove img { width:16px; max-width:inherit;} ///*Bottom Minicart links*/ div.checkout a { font-size:.9em; font-weight: $semibold;} ///*----- END TOP MINI-CART REVIEW - HIDDEN DIV -----*/


 

Please Log in or Create an account to join the conversation.

  • Giang Dinh Truong
  • Offline
  • Administrator
  • Administrator
More
3 years 1 month ago #149698 by Giang Dinh Truong
Replied by Giang Dinh Truong on topic Better Custom CSS for the Minicart - GIveAway
Thank you Patrick!

Please Log in or Create an account to join the conversation.

Moderators: Giang Dinh Truong