Change Lightbox / Border / Padding

  • Resolved 5starcruises

    (@5starcruises)


    8 years, 9 months ago

    Hi this has been driving me nuts for the last 3 hours.

    1. I want to change the border width on the thumbnails. When i use inspect in Firefox the only element i can use to change it is padding. When i change it from 4px to 1px its perfect? Very confused.

    2. Also When i look at the images on my iPhone they are in the center but just a little to the left and right not perfectly centered?

    I have tried all the usual stuff deactivating plugins. CSS, changes but cant get any of it to work.

    https://www.buckspartyvenues.com.au is the site. Its on the home page.

    Any help gratefully received.

    Thanks

    Danny

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

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

    (@photocrati)

    @https://www.ads-software.com/support/profile/5starcruises – Centering the thumbnails should be able to be done with some custom CSS, try the following in Gallery > Other Options > Styles:

    /** Center Basic Thumbnails */
.ngg-galleryoverview {
    text-align: center !important;
}
.ngg-gallery-thumbnail-box {
    float: none !important;
    display: inline-block !important;
}

    As to the white “border” that is indeed created by the default padding around the images. Adding something along the lines to the custom Styles should help to sort this out as well:

    .ngg-gallery-thumbnail img { padding: 1px !important; }

    Thanks!

    – Cais.

    Thread Starter 5starcruises

    (@5starcruises)

    Hi

    Firstly thanks so much for doing all of that you rock.

    The border part worked perfectly ??

    Still have the same issue when using my iphone the images are one on top of each other but are just out of line. Its only a small thing but driving nuts.

    Thanks again

    Danny

    Plugin Contributor photocrati

    (@photocrati)

    @5starcruises – We do not have any specific stylings set for varying viewport sizes, this is generally handled for the most part by your current theme but also may require a bit of tweaking to the custom CSS you implement based on media-queries for the specific smaller viewport (aka mobile) screens.

    – Cais.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Lightbox / Border / Padding’ is closed to new replies.