Make cover images and cards cover the entire screen width.

Home Documentation How To Make cover images and cards cover the entire screen width.

The edit below will make your cards (text and cover image blocks) cover the entire width of the screen in your app (remove the background border/margin).

 

BEFORE EDIT:

 

AFTER EDIT:

 

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 adjust cover images width*/
.card, .list-inset {
margin: 0px 0px;
}
/** End adjust cover images width*/

 

4) Click Save.

 

Comments are closed.