Add rounded background to Layout 99 side menu items.

Use the code below to add a rounded (border radius) to the background menu items in Layout 99.

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 CSS box and enter 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: LAYOUT 99 - ADD BACKGROUND (BORDER RADIUS) TO SIDE MENU ITEMS ***/
.layout.l99 ul.items li {
  	width: 90%;
	height: 50px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 5px;
    margin: 5px auto;
    border-radius: 15px;
}
/*** BEGIN: LAYOUT 99 - ADD BACKGROUND (BORDER RADIUS) TO SIDE MENU ITEMS ***/

4) Click Save.

NOTE: To change the background color from transparent to a solid color, replace:

background-color: rgba(255, 255, 255, 0.1);

With this:

background-color: #dddddd;