I can not change the background in my project

0

page-home{

}

.titulo{
    float: right;
    font-size: 15px;
}
.tapiz{
    background-color: #000000 !important;
}
<ion-header>
  <ion-toolbar>
    <ion-title>
      <img src="assets/icon/logo.png" width="130">
      <p class="titulo">Texto</p>
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding class="tapiz">

</ion-content>

I leave my home.page.html and my home.page.scss, the style of my title if I take it but the background does not, when I inspect the item in google chrome I realize that this line is ... background: var (- ion-background-color, # fff); * / ... and when I deactivate it, I already change my background to black as I want it, but I do not know where that style is. I hope you can help me, thanks

    
asked by Jorge Luis 16.11.2018 в 03:58
source

1 answer

0

ionic uses sass and how are you using a component called page-home, all the sass applied to it goes between your keys, the correct way would be:

page-home{

  .titulo{
    float: right;
    font-size: 15px;
  }
  .tapiz{
    background-color: #000000 !important;
  }

}
    
answered by 17.11.2018 в 12:52