How do I hide the inner icon on the red button in the Fab layout?

Home Documentation How To How do I hide the inner icon on the red button in the Fab layout?

If you don’t want to use the inner icon that is on the red button in the Fab layout, follow the instructions below to hide it:

1) Log into your App Manager and select your app.

2) Click Colors from the left-hand-side of the screen (or the middle of the screen).

3) Scroll down to the Advanced SCSS box. If there is already code in the advanced SCSS box, do not remove it.  Start a new line “after” the last character in the box, then paste the above code.

/** Begin hide fab layout inner icon of red button.*/
.layout.fabmenu .fab .fab1 .toggle:before,
.layout.fabmenu .fab .fab1 .toggle:after
{ background: transparent; }
/** Begin hide fab layout inner icon of red button.*/

 

4) Click Save.

Comments are closed.