We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 22282
    • 10 Posts
    Hello,

    I am attempting to use multiple galleriffic galleries on my site but I want to be able to use different container sizes for each of them.

    Is there an easy way to control this eg: specify a different CSS file for each gallery or even better somehow pass the required settings through the snippet call.

    The settings I need to change are the width and hight options in the CSS selectors below:

    div.galleriffic div.gal_main {
        display: none;
        float: right;
       width: 500px;
    }

    div.galleriffic div.slideshow-container {
        position: relative;
        clear: both;
        height: 502px; 

    div.galleriffic div.loader {
        position: absolute;
        top: 0;
        left: 0;
        background-image: url('loader.gif');
        background-repeat: no-repeat;
        background-position: center;
        width: 500px;
        height: 502px;

    div.galleriffic div.slideshow a.advance-link {
        display: block;
        width: 500px;
        height: 502px; 
        line-height: 502px;
        text-align: center;


    Thanks,

    OnTarget