Ionic 4 SCSS Issue

Hi developers, I am facing a problem regarding scss .I tried to change some custom desing in my .scss file after change my Scss nothing happen. please can you tell how can i fix that in ionic 4
Thanks in advance
Please help me out.

Hello,
What’s the problem?

I tired to change my page background color in ionic 4 but nothing happen in my page


.app-submitdonation{

#myPage{

    background-color: aqua;
}

}

.html

<ion-content padding  id="myPage">
</ion-content>

try

#myPage{

    --background-color: aqua;
}
1 Like

Thanks for your response but still not working

do you want to change your background on a specific page or is it supported on all pages?

1 Like

Specific page actually before am working on ionic V2 but same code while i tired to implement ionic V4 its not working need to be add anything in ionic V4

for example:
home.page.html

<ion-content padding  id="myPage">
</ion-content>

in home.page.scss

.myPage{

   --background-color: aqua;
}

if you want all the elements of the app that have id = “myPage” have the same parameters, add the code scss in global.scss it will avoid you put it back in the scss of each page