[Plugin: Slideshow] Border on images

Hi Mikel,

On the slideshow admin page you can find a style setting for your slideshow. If you set this value to ‘custom’, a custom style editor will pop up where you can adjust the slideshow’s CSS to your preferences.

To add a border directly to the images, adapt this line:

.slideshow_container img { }

And change it to:

.slideshow_container img { border: 1px solid #00ff00 !important; }

In this case it creates a solid one pixel border of the color green. The ‘!important’ statement is absolutely necessary here, since the functional stylesheet otherwise overrides these values to prevent Internet Explorer from adding unwanted borders.

Of course, you can add borders to more elements than just the images.

I hope this is what you meant. By the way, would you mind rating the plugin if you like it? Thank you!

Best regards,
Stefan

Hi there,

Thanks for your quick response.
That was what I was looking for.
Your explanation was mor than good, but there is a little problem, the border is only applied to the top and both sides of the image but not no line appears in the botton of the image.

I’ll rate it just now, and it will be a five star rating.

Thanks a lot,

Mikel

Hi Mikel,

Thank you for your rating.

I see that it does indeed go wrong. If you add the border to the ‘.slideshow_container .slide { }’ element, the border should be visible on all sides. Although, in your case this will make the borders too wide on the sides.

Tomorrow (within the next 24 hours) I will release a version that will fix this issue (version 2.1.4), so you can wrap the images in a border.

Best regards,
Stefan

Hi Stefan,

Thanks for taking a look at that. I’ll come back and give you feedback as soon as I update the plugin.
I’ll mark the topic as solved as soon as I do the installing.

Kind regards, and thanks a lot.

Mikel

https://mikelgoni.info

Hi Mikel,

If you update to the newest version (2.1.4), you should be able to create a border around your images by following the instructions in my first post to this thread.

You’re very welcome, and thank you for mentioning this issue to me. It turned out to be a bigger problem than I had initially thought.

Best regards,
Stefan

Hi Stefan,

Thank you very much for all.

I updated the plugin and it worked fine, in fact I didn’t need to reenter the code above described, because it respected de last edition I did. So, it is up and running perfectly now.

Thanks again for using your time for developing the plugin and, even more, for taking the time for helping me out with my request.

Kind regards,

Mikel

https://mikelgoni.info

Hi, Stefan, I just got your plugin today, and it seems great. I had something I was trying to do, and searched the forum and found this post.

What I want to do is to put a border around the slideshow container, and not just the images, as the border fades with the images and I want it to stay.

I have used this CSS to nearly get there, but it leaves a space at the bottom for the caption or the control box, both of which I have chosen to hide.

.slideshow_overflow { border: 2px solid #666 }

Tried a myriad of things, have a little experience with CSS, but wasn’t able to get that space to not display. Is there a way?

(Site is private just now, so not including a link to it, if that is ok).

Oh, I got it! Sorry to trouble you. Had to set the width and height to be same in the settings, for a square image. Yay!

No problem at all, I’m glad you were able to find a solution!