WordPress.org

Ready to get started?Download WordPress

Forums

NextGEN Gallery
NEXTGEN galley Thumbails CSS margin (2 posts)

  1. francescobenvenuto
    Member
    Posted 1 year ago #

    Hi!

    is there anyone willing to help me with the css?

    I would like to have more space between the thumbnails in the gallery. I'm using the default style..

    Simply a margin on the right.. I tried to modify the CSS but with no luck..

    Thank you for your help

    http://wordpress.org/extend/plugins/nextgen-gallery/

  2. DoubleSixx
    Member
    Posted 1 year ago #

    Have you made a custom nggallery.css in your theme directory ?

    Otherwise just use the following, if you have a nggallery.css in your theme directory can use the following but you'll have to edit manually since you won't be able to alter the style via WordPress.

    A .css in your theme directory take priority over the one in the nextgen-gallery/css

    First off back up your nggallery.css file, located in :

    /wp-content/plugins/nextgen-gallery/css

    Then you can use :

    Gallery->Style

    Search for the following and change it to what I paste below :

    .ngg-gallery-thumbnail {
    /* float: left; sixx */
    /* margin-right: 5px; sixx */
    /* padding-top:10px; -sixx- row space in gallery */

    height:86px;
    margin:0pt 0pt 6px !important;
    padding:0px 0pt 0pt 0px; /* -sixx- 12px 0pt 0pt 7px !important; */
    padding-top:10px;
    padding-bottom: 5px; /* -sixx- */
    width:120px;
    }

    .ngg-gallery-thumbnail img {
    background-color:#FFFFFF;
    border:1px solid #A9A9A9;
    display:block;
    /* -sixx margin:4px 0px 4px 5px; */
    margin-left: auto; /* -sixx- */
    margin-right: auto; /* -sixx- */
    padding:4px;
    position:relative;
    }

    Good luck.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic