Making galleria.container bigger to accommodate bigger thumbnails

Hello,

(I have posted in the Galleria forum as well but thought i would try here as well, as I am under some time pressure! It seems like quite a general problem regarding CSS, and might help other people…)

I am using galleria 1.2 (via slickr flickr) with thumbnail carousel below the main image. I wanted to make the thumbnails bigger so, following a thread on the galleria forum, i did so with this CSS:

.galleria-thumbnails .galleria-image{width:120px;height:80px;}
.galleria-thumbnails-list{height:80px;}
.galleria-thumb-nav-left,
.galleria-thumb-nav-right{height:55px;}
.galleria-info,
.galleria-counter{bottom:80px;}
.galleria-thumbnails-container.galleria-carousel {
height: 90px;
}

However now the thumbails overlap the main image (particularly when they are portrait). So i tried to move the thumbnail container down a bit… messing around in firebug/inspectelement i managed it by adding:
bottom: -50px;
}
to the above CSS.

but as you can see if you visit the page: https://test.tzsu.eu/?page_id=234 – the thumbnails now half disappear outside of the main “galleria.container”. I have tried messing around with firebug/inspectelement to make it bigger but with no luck!!

i am rather new to all this and am learning as I go.. so I realise I might have missed something obvious… any help would be much appreciated!
thank you!

adam