Skip to main content

How about some "Roundness" in your Widgets and buttons


colin.schott
Docebian

As Docebo upgrades Docebo Content, some clients might want to bring in the rounded look and feel within your Widgets,and buttons. In other words, it now might be “hip” to be “round.” See the following CSS code to support this in your platform:
 

/* ************************* */
/* Rounded Edges for Widgets */
/* ************************* */
.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):not(.dropdown-head) {
    border-radius: 10px;
}
/* ************************* */
/* Rounded Edges for Buttons */
/* ************************* */
#doc-layout-page-content button.mdl-button {
  border-radius : 100px;
}

 

Did this post help you find an answer to your question?

7 replies

lrnlab
Hero III
Forum|alt.badge.img+8
  • Hero III
  • 4788 replies
  • August 31, 2023

This is great...gives the pages a fresher look. Thank you.


Forum|alt.badge.img
  • Novice III
  • 9 replies
  • September 20, 2023

Hi - is there a way to do this for single widgets and not all? 


Forum|alt.badge.img+1
  • Helper II
  • 102 replies
  • October 10, 2023

@Kelly this worked for me to round just the bottom right corner. 

#doc-page-89 #doc-widget-1384 *:not(.title):not(.ui-carousel-title):not(.ui-text-link):not(.ui-card-title):not(.ui-typography-heading-5):not(.subtitle):not(.dropdown-head)
{ border-bottom-right-radius: 70px; } /* replace #doc-widget-#### with your widget ID */

 


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Hero III
  • 3582 replies
  • October 11, 2023

Love this, backlogging a version into the next update to Fark.tools css wizard.


SamBWillans
Novice III
  • Novice III
  • 15 replies
  • October 25, 2023

anyone using this and has it caused any issues? It looks great?


Bfarkas
Hero III
Forum|alt.badge.img+5
  • Hero III
  • 3582 replies
  • October 25, 2023

I played with it a bit for adding as an option on fark.tools and didn’t run into any issues, limited user interaction though admittedly, it is available now there though. 


SamBWillans
Novice III
  • Novice III
  • 15 replies
  • October 25, 2023

@Bfarkas great we have it in our sandbox and I really like it!


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings