View Single Post
  #5  
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
Default

Quote:
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:
Code:
div.ecwid-minicart-mini-rolloverContainer {
 display: block;
}

div.ecwid-minicart-mini-rollover {
  background: #F5C505 url(http://example.com/images/minicart_bg.gif) 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-overlay-count, 
.ecwid-minicart-mini-items, div.ecwid-minicart-mini-total {
font-size: 12px;
color: #000;
}
div.ecwid-minicart-mini {
visibility: hidden;
}
change "http://example.com/images/minicart_bg.gif" 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)