Customize the shadow of the icons on the Home Page.

Home Documentation How To Customize the shadow of the icons on the Home Page.

Use the code below to customize the shadow of your icons on your app’s Home Page.

 

BEFORE

 

AFTER

 

AFTER

 

1) Go to your App Manager and select your app.

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

3) Scroll down to the bottom of the screen to the Advanced SCSS box. If there is already code in the box do not delete it!  Simply add this code “below” the last character of code in the box.

/** Begin customize shadow icons on home page.*/
.homepage .layout li {
border-radius:50%;
}
/** End customize shadow icons on home page.*/

 

4) Click Save.

 

NOTE: To adjust the radius change the border radios percentage.

 

 

Comments are closed.