How do i set the background color for my app?

This post provided some great hints: Setting background for entire app.

I now have the content displaying the correct background color using this CSS:

.background, .background .pane, .background .item, .background .item-complex .item-content {
    background-color: yellow;
}

and inserting the background class in the HTML:

 <body ng-app="starter" animation="slide-left-right-ios7">
   <!-- 
    The nav bar that will be updated as we navigate between views. 
    -->
    <ion-nav-bar class="bar-stable nav-title-slide-ios7 background">
      <ion-nav-back-button class="button-icon icon  ion-ios7-arrow-back">
        Back
      </ion-nav-back-button>
    </ion-nav-bar>
    <!-- 
      The views will be rendered in the <ion-nav-view> directive below
      Templates are in the /templates folder (but you could also
      have templates inline in this html file if you'd like).
    -->
    <ion-nav-view class="background"></ion-nav-view>
  </body>

What do I need to do to get the header and footer to also display the background color?

1 Like