How To Add Background Image In Ionic 4

 background image on ion-content

ion-content {
  --background: url(../../assets/images/bg4.jpg) 0 0/100% 100% no-repeat !important;
  background-color: #fff;


background image on full page (header, ion-content,footer)

Example If your page name is setting then use this scss

app-setting {

  ion-header {
    ion-toolbar {
      --background: transparent;
    }
  }

  ion-content {
    --background: transparent;
  }
  background: url(./assets/images/bg4.jpg) no-repeat center center / cover;  

}

admin
Leave a Reply

Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages