Background Image for page on IONIC

Ionic Framework ionic-v3
24

how to import page in ?

26

home.scss

page-home {
.HomePage {
background-image: url(’./assets/imgs/background01.jpg’);
background-repeat: no-repeat;
background-size: cover;
}
}

27

Check here some simple theming hacks for Custom Fonts, UI Components and Adding background images to pages in Ionic 4 Application

For Background Image

ion-content{
–background: url(./assets/images/bg1.jpg);
–background-repeat: no-repeat;
–background-size: cover;
}

Source Link: https://www.freakyjolly.com/ionic-3-4-how-to-change-css-custom-properties-of-ui-components

Screenshot_8