rounded corners

Hi Djgb58,

Please open one of the info boxes and head over to the row styles sidebar. Open the attributes settings group and add rounded-corners into the widget class field. Then please repeat this process until you’ve done all of the infoboxes.

Then please navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following code.

.rounded-corners {
	border: 2px solid #cccccc;
	border-radius: 20px;
}

You might also need to install the SiteOrigin CSS Editor.

You may need to also make minor widget style adjustments to get the exact styling your after.
You’re able to use this method on any widget now the way. :) Please note that the CSS step is a one time event – you do not need to repeat that everytime you add this.

Hi Djgb58,

Ah, that’s odd. I didn’t get that issue during initial testing. Take your time, I’ll be more than willing to pick this back up whenever you’re able. With that said, when you’re ready, I would recommend making a copy of your page so that I’m able to work on this issue without it affecting your normal page. You can do that by creating a new page, enable page builder, click prebuilt layout in the toolbar and then clone your homepage. Then simply send me the link to that page with the previously outlined instructions and I’ll get to work on resolving this issue. If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

Preface: The CSS featured in this reply is for rounded bottom corners only.

Hi Djgb58,

Ah, gotcha. Please navigate to WP AdminAppearanceCustom CSS and replace the previously provided CSS with the following CSS.

.rounded-corners {
    border: 2px solid #ccc;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

How’s that?