Round corners

Beaver Builder
1

I have been setting up a template to use for my content pages. This process has been good, but as per a previous website, my clients wants round corners on the text areas.
I have tried to do it via the column, with CSS Hero, but cannot pick up via the column.
So now have tried via the text box, and it works, but when the boxes need to be different colours, that doesn’t work. Seem to be only able to pick up the whole row and not the separate text boxes. Is there a way to get this to work?

Need orange left column round corners 33% and white right column round corners 67% (or text boxes)

2

[Content Hidden]

3

Hello Pauline,

That would actually be because the background of the column is not applied to the column itself, but to a child element directly after it. What you can do is you can add a class to that column and then target the .fl-col-content class directly after that. Say for example, you added a class of bradius10px to the column, what you’ll need to add to your CSS will be this:

.bradius10px .fl-col-content {
  border-radius: 10px;
}

Hope this makes sense.

Ben

4

Yes that did make sense… that was brilliant. Thank you so much for that it was one element that the client would not have been happy with.
I will remember to use that one.

5

Do you have the same miracle cure for the content slider bottom left & bottom right radius, not sure how I would use the same principle in that box?

6

[Content Hidden]

7

Hey Pauline,

You can use this CSS snippet to do that

.fl-content-slider .fl-slide-bg-photo, 
.fl-content-slider .fl-slide-mobile-photo img {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

Take note it’s targeting 2 elements separated with a comma, first one’s for desktop view and the second one for mobile view. Another thing to note it that this will apply to all content sliders in your site. If you want a specific content slider to have this, add a class to that specific slider then put the class before the .fl-content-slider.

Hope this works.

Ben

8

[Content Hidden]

9

[Content Hidden]

10

No problem, Pauline. I’ll be marking this as resolved now. Have fun building sites with BB! :slight_smile:

Ben