Hello,
Does anyone know the CSS code for changing the shape of buttons to an elliptical shape??
I want them to be like that:
Thanks in advance,
Inessa
Answer
Changing the shape of a button by CCS code
Best answer by lrnlab
sure...here you go:
/* ************************* */
/* 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;
}
+10sure...here you go:
/* ************************* */
/* 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;
}
Thank you very much for help.!!!!
It works!
Maybe you can tell me how to remove the white bar that says HOME PAGE?
Thanks again for all the help.
Inessa
+10lol sorry that’s as much as I know.
Thank you very much for help.!!!!
It works!
Maybe you can tell me how to remove the white bar that says HOME PAGE?
Thanks again for all the help.
Inessa
You can use this code:
/*Remove page title header bar*/
doc-layout-title-bar
{
display:none;
}
It will remove it for all pages though!
Log in to Docebo Community
Enter your email address or username and password below to log in to Docebo Community. No account yet? Create an account
Docebo Employee Login
or
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.