Follow the instructions below to round the corners and customize the bottom color bar of Layout 3.

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 until you get to the Advanced SCSS box and paste 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.

/*** START: LAYOUT 3 - ADJUST MENU & FOOTER BAR ***/

/* Layout-3 Horizontal Rounded Corners */
.layout.l11 a .items { border-radius: 15px; }

/* Layout Slider Pager Background */
.layout .slider-pager { background: #005B2B !important; }

/* Layout Slider Pager Bullet Color */
.slider-pager .slider-pager-page { color: #005B2B !important; }
/*** END: LAYOUT 3 - ADJUST MENU & FOOTER BAR ***/

/*** START: FOLDERS - LIST VIEW STYLE 1 WITHOUT IMAGE BORDERS - 220925 ***/

4) Click Save.

NOTE: To use a transparent background change:

.layout .slider-pager { background: #005B2B !important; }

to:

.layout .slider-pager { background-color: rgba(255, 0, 0, 0.0); }