• Resolved samster19

    (@samster19)


    Greetings,
    I am running NextGEN gallery Version 2.0.66.27. Everything works great. I have a few of the NextGEN Basic Slideshow on one of my pages. They work great. My question is how can I add borders to the slideshow to make them look more appealing.

    So, How do I add a border and maybe a drop shadow to the slideshow?

    Thanks,
    Stan

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter samster19

    (@samster19)

    Anyone?

    Plugin Contributor photocrati

    (@photocrati)

    @samster19 – You will likely need to apply some custom CSS but without sharing a link to where you are displaying the slideshows anyone would just be guessing for the most part on what to suggest.

    Thanks!

    – Cais.

    Thread Starter samster19

    (@samster19)

    Cais,
    The site is still under development. I put the site ‘Live’ so you can see what I am talking about.
    The site is at – http://newenglandphotography.net/
    I would like the slideshow to look like what I have here, if possible –
    http://newenglandphotography.zenfolio.com/

    Thanks,
    Stan

    Plugin Contributor photocrati

    (@photocrati)

    @samster19 – Something like this will get you started:

    .slideshow object {
        border: 10px black solid;
        box-shadow: 10px 10px 5px red;
    }

    You will have to tweak that custom CSS to fit your needs.

    – Cais.

    Thread Starter samster19

    (@samster19)

    Where and what CSS file do I need to edit for this?. Im not really familiar with CSS as I wish I was.

    Thanks,
    Stan

    @samster19 You have to put those lines in Gallery > Other Options > Styles

    Plugin Contributor photocrati

    (@photocrati)

    @tizz – Thanks!

    @samster19 – Those are just examples, you will need to modify them to meet your needs … or get some help with the custom CSS to accomplish what you are looking for.

    – Cais.

    @samster19, here is something closer to what you want

    .slideshow object {
        border: 5px #006A6A solid;
        box-shadow: 1px 2px 5px #151515;
    }
    Thread Starter samster19

    (@samster19)

    Tizz and everyone else, I added the above code to the Gallery > Other Options > Styles, See below, and I dont see any change.

    /*
    CSS Name: Default Styles
    Description: NextGEN Default Gallery Stylesheet
    Author: Photocrati Media
    Version: 2.12

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

    .slideshow object {
    border: 5px #006A6A solid;
    box-shadow: 1px 2px 5px #151515;
    }

    Sorry about my lack of CSS skills.

    Stan

    @samster19, at http://newenglandphotography.net/ I see what you requested for. Clear your cache.

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

The topic ‘Slideshow Borders’ is closed to new replies.