Add a background image to all app features.

Home Documentation How To Add a background image to all app features.

Here is a small snippet to change your background-color into an image.

 

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). Disable the general background color of your app by pushing the slider all the way to zero. Optionally, you can disable the header background:

 

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 background color to image.*/
.pane {
background-image: url(“http://i.imgur.com/jyeOuJh.jpg”);
background-size: cover;
}
/** End change background color to image.*/

 

4) Click Save.

 

NOTE: Be sure to change the url code “http://i.imgur.com/jyeOuJh.jpg” for your own. To get the best result, choose an image with a portrait format. The modification changes all of yours features’ backgrounds.

 

Comments are closed.