Wanting to style Monoslideshow photo gallery

  • Hi – I have Monoslideshow successfully replacing the standard WP gallery, but I’d like to add a dropshadow to each image, using CSS rather than adding and saving it with the image in photo editing software.

    I found this in the gallery page html…

    <div class='monoslideshowHolder'><div class='monoslideshow' id='monoslideshow30' style='min-width: 16px; min-height: 16px;'></div></div>

    So in my child theme CSS (twenty fourteen theme) I’ve tried styling the DIVs but to no effect eg

    #monoslideshowHolder {box-shadow: 10px 10px 8px #999999; /* an attempt to add a dropShadow to Mono Slideshow */ 
}

    Any pointers are much appreciated. Thanks………….. Jon

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

  • Use . for a div class not a #, that is for a div ID.

    .monoslideshowHolder {
    box-shadow: 10px 10px 8px #999999;
}

    Hope this helps.

    • This reply was modified 8 years, 5 months ago by ThemeSumo.
    Thread Starter nathanoj

    (@nathanoj)

    Awesome!! Thanks. That “class vs ID” distinction always escapes me.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Wanting to style Monoslideshow photo gallery’ is closed to new replies.