View Single Post
Old 06-18-2014, 03:56 PM
Cody Atkinson's Avatar
Cody Atkinson Cody Atkinson is offline
Join Date: Mar 2014
Posts: 14

Hi Maya,

I have referenced the code that you had in the previous post of this thread. I have got close but I haven't quite got it to where I want and some of it is lining up weird. Do you think you could help me tweak the code to get what I want?

Here is what I have:

This is what I want:

Here is the code:
div.ecwid-minicart-mini-rolloverContainer {
 display: block;

div.ecwid-minicart-mini-rollover {
  background: #131315;
  border: 0 none;
padding-right: 115px;
height: 20px;
padding-top: 10px;
a.ecwid-minicart-mini-link {
  position: absolute;
  display: none;
  right: 20px;
  top: 9px;
  color: #C70202;
  font-size: 14px;
  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: 16px;
color: #C70202;
text-transform: uppercase;

div.ecwid-minicart-mini {
visibility: hidden;
What I am having trouble with
  • I would like the 0 Item / $0.00 text to be underlined
  • I would like the separator to be display just like in the picture 0 Items / $0.00 - Not with the | between the two
  • I would like this to be clickable to the cart if possible, but I do not want the "checkout text"
  • I have set the checkout text to display; none but the minicart is still as wide as before.
  • This is going to be placed in a nav bar so I need the height of the minicart to be about the size of the text so it doesn't look off set with the rest of the nav bar.

    Thanks in advance!!