white background

I have tried out the plugin in Ionic 3.0.1 and is great! A much needed one!

Just one thing. It works great in a one page app . But if I used it in a separate page of a ‘multipage app’ it does show a white background.

This is the css trick used globally for the one page app to avoid the white background:

html, body, ion-app, ion-content, ion-page, .nav-decor {
  background-color: transparent !important;
}

That obviously can’t be used on a multipage app as otherwise every page has a transparent background.

I have tried every possible css combination to make it apply only on the desired page but I didn’t manage.

Do you know how this can be achieved?

The strange part is that while testing the device it can be easily achieved by modifying the css in the console, but then it doesn’t apply… No idea why…

Thank you for your attention! If you need further explanation please ask!

[NicolasBehra]

Like said @SVANNER, it works like a charm, thanks a lot, So to make it more comfortable, i did those steps:

1. variables.scss (at the end)

$background-color: transparent;

2. app.component.scss

ion-content:not(.background-color-transparent) {
  background-color: #fff !important;
}

3. in each html page where you need transparent background color

<ion-content class="background-color-transparent"></ion-content>

Now, it’s a clean code. 😃

[ricrps]

Ionic v4 solution: add this to the page’s scss file:

ion-content { --background: transparent !important; }