View Single Post
Old 04-04-2013, 01:06 PM
Maya's Avatar
Maya Maya is offline
Ecwid Team
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876

Originally Posted by KimIB View Post
Hi, thanks for the reply!

Ideally i'd like the cart to look something like this:
Thank you for provided screenshot.

Please, use following code in your custom CSS theme in order to get minicart with following styles:
div.ecwid-minicart-mini-rolloverContainer {
 display: block;

div.ecwid-minicart-mini-rollover {
  background: #F5C505 url( left top no-repeat;
  border: 0 none;
padding-right: 115px;
height: 20px;
padding-top: 10px;
a.ecwid-minicart-mini-link {
  position: absolute;
  right: 20px;
  top: 9px;
  color: #000000;
  font-size: 12px;
  padding-left: 10px;
  text-decoration: none;
 border-left: solid 1px #fff;
div.ecwid-minicart-mini-total {
margin-top: -15px;
margin-left: 60px;
border-left: solid 1px #fff;
padding-left: 10px;
div.ecwid-minicart-mini-total span.ecwid-minicart-mini-total-label { 
   display: none;
.ecwid-minicart-mini-items, div.ecwid-minicart-mini-total {
font-size: 12px;
color: #000;
div.ecwid-minicart-mini {
visibility: hidden;
change "" to the absolute path to the minicart background image. You can also change other elements' styles, if it is needed.
Maya N., Ecwid Team

Welcome to our new Help Center!

Last edited by Maya; 04-08-2013 at 12:51 PM.
The Following User Says Thank You to Maya For This Useful Post:
Cara Gordley (05-31-2015)