CODEWITHSUNDEEP
angularjsonsen-ui
Ankita
Ankita

Reputation: 31

Onsen toolbar background color not changing

I am using a page as a right side menu but it is displaying the toolbar of the backgroud of the first page before it change to some other.So what can be done ?

Upvotes: 2

Views: 1578

Answers (2)

Israel Meshileya
Israel Meshileya

Reputation: 293

you can change the color of your navigation bar background with:

.navigation-bar {
  height: 50px;
  background-color: #f00;
}

for the text on it:

<div class="center" style="font-size:25px; color:#fff;">HOME</div>

and you can also change the color of your icon: 

<ons-icon icon="bars" style="color:#fff;"></ons-icon>

Upvotes: 0

Ataru
Ataru

Reputation: 544

You can change navigation color as following:

page1.html

<ons-page>

  <ons-toolbar style="background: #4CD964;">
    <div class="center" style="color: #FF0000" >Navigator</div>
  </ons-toolbar>

  ...

</ons-page>

enter image description here

Upvotes: 1

Related Questions