Change color of image borders

Still haven’t figure it out… The theme is unbelievably great and flexible, if only there was the option to change the gallery image borders color or default to grey or black in the next update.

Hello,

Can you provide an example so I can see it?

Here’s the link to a screenshot:

https://postimg.org/image/ky3elbxf5/

I need to change the color of the image borders and the underneath caption that shows up when you hover over the image (Name & Title).

Greatly appreciating your help rickykpg

For the image border change the hex color code in the following:

.gallery .gallery-item img {
    border: 2px solid #1ABC9C !important;

As for the background color for the text box, I’ll need a live link so I can see it in action as the demo page does not have it below any of its images.

Thanks a million man! It worked for the image borders!

The text box is actually showing under the first image (in the demo screenshot) as I had my cursor over it; it’s the one that says “Name & Title”, that’s the box color I need to change.

Thanks again. You’re the best!

Hi guys, i have the same problem with gallery borders and i see now your solution but I don’t know how to enter:

.gallery .gallery-item img {
border: 2px solid #1ABC9C !important;

and then to change color. Can you please show me how?

Thanks.

I’m not sure if this is the best way, but I have the Jetpack plugin installed so I went to “Settings” then “Custom CSS” then “Edit” and pasted the code there and it worked.

If it works, it’s a good way. But I don’t unterstand which plugin you used? Name is Jetpack?

Yes, “Jetpack”. If you’re on a managed WordPress then go to Plugins >> Add New and search for it, then Install then Activate.

Ok, thanks. Solved the problem with plugin: simple custom css.

I still haven’t solved the color of the text box that appears under the image when you hover over it (as is the case with the first image in the following screenshot):

https://postimg.org/image/ky3elbxf5/

Any help would be greatly appreciated

If you provide a live link I can help.

I put the code that rickykpg wrote in simple custom css file (only one there is with that plugin, appearance –> custom css) and there you can change the color after #.