View Single Post
  #1  
Old 09-23-2014, 07:18 PM
Lucie Whiting's Avatar
Lucie Whiting Lucie Whiting is offline
 
Join Date: Aug 2014
Posts: 6
Default Shrinking my Mini-Cart Icon - CSS problems.

Hi. I've been struggling for about a week with this and have tried all the suggestions I have found in previous forum posts with no luck.

I would like to shrink the size of the minicart icon displayed on my site.
So far:

I have shrunk the picture of the bag / the sprite using GIMP.
I have shrunk the minicart drag & drop target using the following css:

div.ecwid-minicart {
width: 80px;
height: 80px;
}

The click area however, now does not sit nicely on top of the picture of the shopping bag.
It seems to have moveed down & to the right (which means you can now only click on the lower right corner of the bag image).

I tried to move the click area with the following css:

div.ecwid-minicart-clickArea {
height: 80px
width: 80px
left: 0px
top: 0px
}

But this doesn't seem to have done anything.
Has anyone got any suggestions about what I'm doing wrong?

Here's a link to the site with the faulty shopping bag:
http://www.sophia-alexander.com/

Thank you in advance.

Last edited by Lucie Whiting; 09-25-2014 at 11:20 PM. Reason: Adding link to site