WordPress.org

Ready to get started?Download WordPress

Forums

Slideshow
[resolved] Border on images (10 posts)

  1. mike.goni@gmail.com
    Member
    Posted 1 year ago #

    Hi there,

    I've been trying out several slideshow plugins, and so far this is the one that fits my needs the best.
    Anyway, I would like to be able to render a one pixel border to the images when they are shown in the slideshow, but I haven't been able.
    Could anyone let me know how to do so?

    Thanks a lot in advance,

    Mikel

    http://www.mikelgoni.info

    http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

  2. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    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

  3. mike.goni@gmail.com
    Member
    Posted 1 year ago #

    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

  4. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    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

  5. mike.goni@gmail.com
    Member
    Posted 1 year ago #

    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

    http://mikelgoni.info

  6. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

    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

  7. mike.goni@gmail.com
    Member
    Posted 1 year ago #

    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

    http://mikelgoni.info

  8. Anita Hill
    Member
    Posted 1 year ago #

    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).

  9. Anita Hill
    Member
    Posted 1 year ago #

    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!

  10. Stefan Boonstra
    Member
    Plugin Author

    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic