WordPress.org

Ready to get started?Download WordPress

Forums

Making galleria.container bigger to accommodate bigger thumbnails (1 post)

  1. mradamrgreen
    Member
    Posted 2 years ago #

    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: http://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

Topic Closed

This topic has been closed to new replies.

About this Topic