Best Answer

Changing the shape of a button by CCS code

  • 31 January 2024
  • 4 replies
  • 88 views
I
Rank

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

icon

Best answer by lrnlab 31 January 2024, 17:17

View original

4 replies

lrnlab
Rank
Userlevel 7
Badge +7

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;

}

 

I
Rank

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

lrnlab
Rank
Userlevel 7
Badge +7

lol sorry that’s as much as I know. 

C

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


Terms & ConditionsCookie settings