- Posts: 312
- Thank you received: 19
Better Custom CSS for the Minicart - GIveAway
- Patrick Toulze
-
Topic Author
- Offline
- Elite Member
-
Less
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:
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 -----*/
- Giang Dinh Truong
-
- Offline
- Administrator
-
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
Support
Documentation
Information
Copyright © 2025 Joomla Extensions by Joomdonation. All Rights Reserved.
joomdonation.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.
The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.