Making the AjaxCart more compact.

The info in the pop cart (http://aleksandrshevchenko.org/store) is too spread out.. i want to make it more compact.. When a user adds 4 items into the ajax cart - the cart become too long.

am i doing this right?

in the override.css - I added these lines.

Code: Select all

.gkPrice {
   position: relative;
   top: -58px;
}
.vmGkCartModule .gkContainer {
   padding: 10px 0 0 0 !important;
}

this makes a bit more compact (for lower resolution screens)

But i'm stuck here to make it more compact:
How can i force(move) the items price up - aligned with the first line of the item.

price.jpg

This will make the popup require less space thus making it more compact.

Thank you for your help.

Hi

Please show me exacly where You made this screen.

Have You considered to use a scroll bar inside cart to make it smaller ? I'm guessing the code for that can be:

Code: Select all

.vmGkCartModule {
overflow-y:auto;
height:100px;
}


i tried using position:relative.. seems to work - i moved it up -30px.

is that a good solution? or not really?

Hi

Yes this is a good solution.