Minibasket scrollable

English forums
1

Hi,

When the minibasket becomes scrollable because of many products, its being set to 265px width etc. but in which file?

<div id="basketFlyout" class="basketFlyout corners scrollable" style="display: block;">
<p class="title">
<span class="counter FXgradOrange">
<img id="minibasketIcon" class="basket" alt="Basket" src="http://demoshop.oxid-esales.com/professional-edition/out/azure/img/basket.png">
<div class="scrollbarBox jspScrollable" style="overflow: hidden; padding: 0px; width: [B]265px[/B];" tabindex="0">
<div class="jspContainer" style="width: [B]265px[/B]; height: 200px;">

[B]Conclusion:[/B]
@leofonic
oxid.css line 2511:
.scrollable .scrollbarBox {
height: 200px;
width: 265px;
overflow: hidden;
}

hint:
You can’t just change the values in Firebug, because javascript has already grabbed them. Change them in css and reload the page. If you want to change width you also have to change some other values to make the content and the container match the the new scollbox width.

2

Maybe oxid.css line 2511:
.scrollable .scrollbarBox {
height: 200px;
width: 265px;
overflow: hidden;
}

3

@lefonic
Thanks for the reply.
That doesnt seem to do it

Edit: http://oi41.tinypic.com/53s9lf.jpg

4

Please add big pictures as attachment. You can’t just change the values in Firebug, because javascript has already grabbed them. Change them in css and reload the page. If you want to change width you also have to change some other values to make the content and the container match the the new scollbox width.

5

Thanks a lot! love to learn these things and it worked :slight_smile: