Skip to main content
Best Answer

Rounding widget corners on two-thirds widgets

  • Jul 14, 2022 6:20 PM UTC
  • 5 replies
  • 635 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 😅

View original

5 replies

check
  • Author
  • Newcomer
  • Answer
  • Jul 14, 2022 6:35 PM UTC

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+13
  • Hero III
  • Jul 14, 2022 7:35 PM UTC

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


  • Novice II
  • Feb 6, 2023 12:44 PM UTC

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


dklinger
Hero III
Forum|alt.badge.img+13
  • Hero III
  • Feb 24, 2025 7:31 PM UTC

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


cailync
Novice III
Forum|alt.badge.img
  • Novice III
  • Jul 25, 2025 7:50 PM UTC

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