Rounding Corners slider

  • Resolved bigmario777

    (@bigmario777)


    10 years, 3 months ago

    Hello,
    I am trying to round the corners of the images on the sliders on my website. Even if the image I use already has rounded corners, it still turns out as rectangle. I have tried two plugins also, with no luck with the slider. Any suggestions?
    https://www.cookiedoughtreats.com
    (My home page has a slider)

Viewing 3 replies - 1 through 3 (of 3 total)

  • Try adding the following to the Customize’s Custom CSS section:

    .slide {

border-top-left-radius:32px;
border-top-right-radius:32px;
border-bottom-right-radius:32px;
border-bottom-left-radius:32px;
}

    Thread Starter bigmario777

    (@bigmario777)

    Thanks Gecko! It works great! I have been looking through the css gallery on the themes and co website, and i could not find where you found .slide. But anyways, I was also wondering if I can use the same body of the code and just change the .slide to something else like the whatever shortcode you use for carousel caption box with text. I am talking about rounding the corners of the text box inside the slider on my front page. I tried using the same code except with the .carousel caption and did not get any results. Any help?

    Thread Starter bigmario777

    (@bigmario777)

    Wow, I forgot to put this character }
    Forget my previous post, I just answered my own question. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Rounding Corners slider’ is closed to new replies.