Thumbnails moving

  • Resolved ElJuez

    (@eljuez)


    11 years, 11 months ago

    Hello

    I am trying to use the plugin which is working nicely but I have an issue with the thumbnails.

    I see my grid and when I go hover the first image, then the one under it move to the right … I go to second, the image move again … until end of columns.

    I saw this in another post
    “

    in nggallery.css look for -> gallery view

    .ngg-gallery-thumbnail img:hover {
    background-color: #A9A9A9;
    }

    and change it to
    .ngg-gallery-thumbnail img:hover {
    background-color: #A9A9A9;
    border:1px solid #A9A9A9;
    display:block;
    margin:4px 0px 4px 5px;
    padding:4px;
    position:relative;
    }

    then the hovered image will have the same margin and padding like the ‘normal’ image and the following image can’t jump any more.
    “

    But the file is not called like this, I found nextgen_basic_thumbnails.css that contains it … but when I change, there is not effect.

    My firebug does not reflect the change and the css is shown with ?ver3.9…. what does it mean ?

    Anyone to help please ?

    Thanks

    https://wordpress.org/plugins/nextgen-gallery/

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

    (@photocrati)

    11 years, 11 months ago

    @eljuez – Try using the “new” CSS as custom CSS under Gallery > Other Options > Styles … see if that does what you want it to.

    – Cais.

    Thread Starter ElJuez

    (@eljuez)

    11 years, 11 months ago

    Thanks photocrati, but except if I do a big mistake, I do not have “Styles” section in other options … nothing about custom CSS

    Plugin Contributor photocrati

    (@photocrati)

    11 years, 11 months ago

    @eljuez – Under Gallery > Other Options > Styles … click (Show Customization Options)

    That will open the text box for you to add your custom CSS into.

    – Cais.

    Thread Starter ElJuez

    (@eljuez)

    11 years, 11 months ago

    I am really sorry, but I confirm that I DO NOT HAVE “Syles” under the Other options.

    In the menu on the left, I have access to Other Options when I click on it, I have
    Image Options
    Thumbnail Options
    Lightbox Effects
    Watermarks
    Misc
    Reset options

    No “Styles” Menu

    Do I need an additional plugin to have it ?

    tizz

    (@tizz)

    11 years, 10 months ago

    @eljuez, Probably you don’t have the capability given by your role to see that part of the options. Ask to your site administrator.

    Thread Starter ElJuez

    (@eljuez)

    11 years, 10 months ago

    I am administrator.
    The plugin is installed in a multisite installation with a network configured.

    Could it be linked to it ?

    Thread Starter ElJuez

    (@eljuez)

    11 years, 10 months ago

    Got it, first I had to go to the network admin interface and check
    ” Allow users to choose a style for the gallery. “

    Once done, now I have the style block

    I tried the tip indicated in the first message, but I still have the same issue.

    Thread Starter ElJuez

    (@eljuez)

    11 years, 10 months ago

    You can see the gallery in http://www.harmonielavenir.fr, first article for instance.

    tizz

    (@tizz)

    11 years, 10 months ago

    @eljuez, remove from .ngg-gallery-thumbnail img

    display:block;
margin:4px 0px 4px 5px;
padding:4px;
position:relative;

    and write instead:

    .ngg-gallery-thumbnail-box {
float:none !important;
display:inline-block;
}

    and if you want to add a centered effect:

    .ngg-galleryoverview {
text-align:center;
}

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Thumbnails moving’ is closed to new replies.