Follow the instructions below to change the background color of the various grid boxes in the Grido layout.
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 and past the following code. 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 code below.
/** Begin change listly layout background colors.*/
.layout.layout_weappz_listly .object:nth-child(5n+1){
background: #b2d067;
color:white;
}
.layout.layout_weappz_listly .object:nth-child(5n+2){
background: #82cdd2;
color:white;
}
.layout.layout_weappz_listly .object:nth-child(5n+3){
background: #6dd89f;
color:white;
}
.layout.layout_weappz_listly .object:nth-child(5n+4){
background: #de825c;
color:white;
}
.layout.layout_weappz_listly .object:nth-child(5n+5){
background: #768ee0;
color:white;
}
/** End change listly layout background colors.*/4) Click Save.
NOTE:The “white” is the text color.