Skip to main content

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

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;

}

 


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


lol 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!


Reply