Change Thumbnail Border in Gallery (6 posts)

  1. dhanken
    Posted 4 years ago #


    I am trying to change the border around my gallery thumbnail images, but I have been unsuccessful thus far.

    I would like to implement a shadow, maybe using code similar to this:
    .shadow {
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow: 3px 3px 5px 6px #ccc;

    But I am not sure where to insert the shadow code (what div). An example page is http://www.buryindustrial.com/projects/coupling-replacement/. Around these thumbnail images is where I'd like to add the effect.

    Help is greatly appreciated!


  2. I only see an under construction page.

    Paste some of the gallery code in a pastebin so folks can take a look. Do not post the code directly here. Thanks.

  3. dhanken
    Posted 4 years ago #

    Oops! I apologize. I removed the under construction page, so you should be able to see now.

  4. Your CSS is here:

    #gallery-1 img {
        border: 2px solid #cfcfcf;

    That's what you need to modify to add your shadow.

    Since this is a commercial theme, for further assistance you'll need to contact the vendor:


    Best of luck.

  5. dhanken
    Posted 4 years ago #

    That worked! Thanks so much! I have one more question as I'm having a hard time getting the changes to come up. I'm trying to make the menu bold, and also the (soon to be) slogan under the slider I would like to make black. Do you know how I would do this?

  6. Hi there, glad it worked. As I mentioned, since this is a commercial theme you'll need to contact the developer - we really try to focus our volunteer support in this forum on free themes.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.