WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: JJ NextGen JQuery Slider] How To Create Image Borders (3 posts)

  1. globalspecialfx
    Member
    Posted 2 years ago #

    I know there has to be a simple answer for this, but I am trying to get some rounded edge borders around my slideshow images. I have the code I use for my rounded borders on images; I just can't figure out how to incorporate it into the slideshow code. I tried adding it to the .nivo_slider img class in nivo-slider.css and also in the html ID that I set for the slider in the short code. I didn't think it would be in the actual nggallery.css code (since that plugin is required for the slider plugin), but if it is, then what class or ID do I put it under?

    I'm sure I could figure this out, but this is for work, and time is money. I refuse to use my personal time with my new baby boy to figure this out! It's just taking me a lot longer than it should, and I need some help with it.

    The code I'm using for my borders looks like this:

    img {
    padding:4px;
    border:1px #717171 solid;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    }

    Any help would be greatly appreciated!

  2. globalspecialfx
    Member
    Posted 2 years ago #

    I put the code under .nivo_slider and the borders worked, but the padding was a disaster, so I had to remove it. I might like it better with just the border, but the problem is that the very tips of the images stick just over the corners of the curved border because they are not curved themselves. Where would I apply this code to make the images themselves curved? I already tried .nivo_slider img, and it did not work.

  3. globalspecialfx
    Member
    Posted 2 years ago #

    I recently purchased the actual Nivo Slider because it is more customizable, but obviously since the JJ-Nextgen plugin's code is based off the Nivo code, I'm still having the same problems with the images not being curved. Please tell me how I can apply the curved CSS border to the images and not just the slider itself!

Topic Closed

This topic has been closed to new replies.

About this Topic