Skip to main content
Best Answer

Rounding widget corners on two-thirds widgets

  • July 14, 2022
  • 5 replies
  • 485 views

check

We’re currently running some custom code to round the corners of widgets. It’s working for all full-size widgets and one-third sized widgets. However, it’s not working for two-thirds widgets -- I’m trying to upload a two-thirds banner and the sharp corners starkly contrast with all the rounded corners. 

Here’s the CSS we’re currently using to round the corners:

/* Make all widgets border rounded*/
.pages-widget-page .single-widget *:not(.title):not(.ui-carousel-title):not(.ui-text-link):not(.ui-card-title):not(.ui-typography-heading-5):not(.subtitle) {
border-radius: 10px;
}

Any thoughts? 

Best answer by check

Hello again! Please disregard. I was viewing the page from the Desktop Preview. When I pull up the published page outside of Manage Pages, it looks just fine. 

I don’t see an option to delete this question 😅

5 replies

check
  • Author
  • Newcomer
  • Answer
  • July 14, 2022

Hello again! Please disregard. I was viewing the page from the Desktop Preview. When I pull up the published page outside of Manage Pages, it looks just fine. 

I don’t see an option to delete this question 😅


dklinger
Hero III
Forum|alt.badge.img+11
  • Hero III
  • July 14, 2022

@check - you can mark your note as the best answer.


  • Novice III
  • February 6, 2023

Thanks a lot for that @check , everything looks much better now


dklinger
Hero III
Forum|alt.badge.img+11
  • Hero III
  • February 24, 2025

Lets percolate this one up. Anyone tried making the My Team tiles have this little touch????


cailync
Novice II
Forum|alt.badge.img
  • Novice II
  • July 25, 2025

Thanks for sharing this ​@check! Is there a way/CSS to round the edges of the My Courses and Learning Plans and Catalogs pages?