Skip to main content
Answer

Change buttons via CSS

  • August 26, 2022
  • 3 replies
  • 199 views

Our IT team managed to change the radius of the custom buttons on the Dashboard.

.mdl-button {
border-radius: 2.625rem;
}

However, it seems that the ‘fixed’ buttons (which are visible in the learning plans/courses), are somehow secured, because we were not able to change anything.

Do you know if there is any other way to change those buttons as well, or do we need to leave it like it is?

Best answer by gstager

Do you mean buttons in a course like this one?

That could be addressed as follows. 

button.button-rectangular {
border-radius: 20px;
}

Of course - be sure to test other areas to make sure this does not have an unintended effect.

 

3 replies

gstager
Hero III
Forum|alt.badge.img+8
  • Hero III
  • Answer
  • August 26, 2022

Do you mean buttons in a course like this one?

That could be addressed as follows. 

button.button-rectangular {
border-radius: 20px;
}

Of course - be sure to test other areas to make sure this does not have an unintended effect.

 


  • Author
  • Novice I
  • August 26, 2022

YES this is exactly what I meant, and it works as expected!

Thanks a lot for the help 


gstager
Hero III
Forum|alt.badge.img+8
  • Hero III
  • August 26, 2022

YES this is exactly what I meant, and it works as expected!

Thanks a lot for the help 

Glad to hear it!