Posts Carousel - How to create rounded corners?

Beaver Builder
1

I’m wanting to put a 5px rounded corner on each of the posts in this carousel.

image link: http://imgur.com/GhTJKNS

url: http://olliehanit.com.au/home-page-new/ (scroll to bottom of page)

Thanks!

2

Hey Clark,

There’s no BB option for that but it can be done via custom CSS. Try adding the snippet below.

.fl-post-carousel-post {
  border-radius: 10px;
  overflow: hidden;
}

If you want it to apply to certain Post Carousel modules only, add an extra class name to the module and add it before the selector, e.g., if the extra class name is rounded-posts, the selector above becomes .rounded-posts .fl-post-carousel-post {.

Ben

3

Thanks Ben! Worked perfectly!

If anyone else wanted to do this, place Bens code into the CSS tab.

Open the Page Builder then go to Tools > Layout Settings

4

Hi Clark,

Thanks for informing us your issue has been resolved. We appreciate it.

Thanks,
Danny