• Resolved baryck

    (@baryck)


    – WordPress 3.8
    – NextGEN 2.0.40
    – Theme Serene
    – website : barbararyckewaert.com

    Hello,

    I’m trying to have an album with big inline thumbnails, without border and with a good quality preview, not like this : https://barbararyckewaert.com/photo
    All the quality pictures settings are already on 100%.

    Thank’s for the help.

    Here is my shortcode now :

    This stylesheet is provided to allow users the ability of overriding the default styles for all display types
    */

    html > body .ngg-album {
    border: 0 solid #CCCCCC;
    display: inline-block !important;
    margin-bottom: 0px;
    padding: 15px;
    }
    .ngg-albumoverview {
    clear: both;
    display: inline-block!important;
    margin-top: 0;
    text-align: left;
    width: 1000px;
    }
    .ngg-thumbnail {
    float: center;
    margin-right: 12px;
    border:0px;
    }

    .ngg-album-compactbox {
    background:transparent url(albumset.gif) no-repeat scroll 0%;
    height:300px;
    width:300px;
    }

    .ngg-album-compactbox .Thumb {
    border:0px;
    margin:0px !important;
    padding:0px !important;
    width:300px;
    height:300px;
    }
    .ngg-thumbnail img {
    background-color:#FFFFFF;
    border:1px solid #99CC99;
    margin:4px 0px 4px 5px;
    padding:4px;
    position:relative;
    }

    https://www.ads-software.com/plugins/nextgen-gallery/

Viewing 15 replies - 1 through 15 (of 25 total)
  • Plugin Contributor photocrati

    (@photocrati)

    @baryck – The page you linked to is suffering from expanding a small image via CSS which can cause that “fuzzy” look … have you tried using the setting to over-ride the thumbnails in the Customization panel of the ATP or under Gallery > Gallery Settings > … Album … Override thumbnail settings?

    Thanks!

    – Cais.

    Thread Starter baryck

    (@baryck)

    Hi,
    thank you for your help.
    I erased the last lignes on my style sheet, those two :

    .ngg-album-compactbox .Thumb {
    border:0px;
    margin:0px !important;
    padding:0px !important;
    width:300px;
    height:300px;
    }
    .ngg-thumbnail img {
    background-color:#FFFFFF;
    border:1px solid #99CC99;
    margin:4px 0px 4px 5px;
    padding:4px;
    position:relative;
    }

    So I guess I have the original the smalls images via CSS now. I really can’t find where to go to have bigger pics in thumbnails!

    @baryck If I remember well, you can’t change thumbs size for compact album via admin settings, but you have to change it in ../plugins/nextgen-gallery/products/photocrati-nextgen/modules/nextgen_basic_album/adapter.nextgen_basic_album_controller.php file

    // legacy templates expect these dimensions
    $image_gen_params = array(
    ‘width’ => 91,
    ‘height’ => 68,
    ‘crop’ => TRUE

    This will be overwritten each plugin’s upgrade

    Thread Starter baryck

    (@baryck)

    Thank you Tizz,
    I try it.

    Thread Starter baryck

    (@baryck)

    I’m ok now with my new php file but nothing have changed with my thumbnails.

    ??

    I see your thumbs big and well, so you only have to empty your browser cache, or plugin cache if you have one.

    Thread Starter baryck

    (@baryck)

    Oh great! I didn’t see that 4 hours ago!

    Thank you very much for your help Tizz!

    Thread Starter baryck

    (@baryck)

    An idea for the border?…!

    baryck, I don’t understand what you mean

    Thread Starter baryck

    (@baryck)

    The black border on album thumbnails!

    Yes the black border, and then?

    Thread Starter baryck

    (@baryck)

    I don’t want it.
    Sorry for those shorts misunderstanding,
    i wrote it in my first post.

    Ah, it’s OK.
    Write this in NGG custom CSS area:
    .ngg-album-compactbox .Thumb {border:none;}
    And if it doesn’t work even after having cleared the cache, write:
    .ngg-album-compactbox .Thumb {border:none !important;}

    Thread Starter baryck

    (@baryck)

    Unfortunatly no one works.

    Here is my custom CSS area now :

    html > body .ngg-album {
    border: none;
    display: inline-block !important;
    margin-bottom: 0px;
    padding: 15px;
    }
    .ngg-albumoverview {
    clear: both;
    display: inline-block!important;
    margin-top: 0;
    text-align: left;
    width: 1000px;
    }
    .ngg-thumbnail {
    float: center;
    margin-right: 12px;
    border:none;
    }

    .ngg-album-compactbox {
    background:transparent url(albumset.gif) no-repeat scroll 0%;
    height:300px;
    width:300px;
    }

    .ngg-album-compactbox .Thumb {border:none !important;}

    }

    baryck, the border is no longer there, clear cache.

    P.S.: It is not necessary to post any CSS code.

Viewing 15 replies - 1 through 15 (of 25 total)
  • The topic ‘Thumbnails album NextGen Gallery’ is closed to new replies.