#1023 – Thumbnail border color

Sorry, I closed Ticket #1022 "gallery display issue" too soon.

I am using the script you gave me

.showtime-default .showtime-image img { border: 1px solid #fff; }

to no avail.

I am using the Wall layout so I changed the script to .showtime-wall and the color to #000 but no change. I tried .showtime-default as well with the same result.

Please advise.

Thanks!
Paul

ok, a quick update. The code below is changing the hover(active) border color around the thumbnails but only on the thumbnails displayed after someone clicks an image to go into the gallery.

.showtime-wall .showtime-image img { border: 1px solid #ff0000; }

I want to change the border color of the thumbnails as they display on my main page. Not after someone clicks on an image and goes into the gallery itself.

I included a screen shot to hopefully help explain.

Thanks!
Paul

Nevermind. Just realized the default hover border color for gallery thumbs is red. It was just a coincidence I chose #ff0000.

So I'm back to my original question of the code not working.

Thanks!
Paul

Hi Paul,

The code I provided should work fine. Just tested.
It depends on the layout, but if you want it to apply to all layouts you can use the following snippet:

.showtime-image img {
  border: 1px solid #ff0000;
}

Note that you need to add this code into a CSS file that is loaded in your page. Most templates include a custom.css file for such cases.

Regards

Yeah I've tried acustom css files, CSS plugins via Gantry and even custom HTML particles to add it in via in-line scripting. I don't usually have an issue adding CSS scripts and getting it to work. Either way, at this point it's something on my end so I'll keep plugging away.

Thanks!
Paul