Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

How to change color of index page header in IONIC

I have been looking at IONIC and it seems there is no "standard CSS"
How do I change the color of the header of the index page?

This is my css

.header {
background-color: #000000;
}

On Index Page, I select Header and enter "header into class.

The same happen with NGView. I cant apply a background to it that will be displayed on all pages.
I seem to manage to set the background separately for each page but this is not ideal way.

Thank you

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

How to change color of index page header in IONIC

Hello Deon,

Please add CSS styles below for that:
pre.bar-header .title{
background:red;
}/pre

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

How to change color of index page header in IONIC

Hi Sergiy

It does not work on the Appery Tester on the Phone and this is what it looks like in the IDE.

Image

and like this on the phone tester
Image

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

How to change color of index page header in IONIC

It works fine on our environment (App tester on iOS 9)

If you want us to help you debug the app, please consider purchasing the Advisory Pack service: http://appery.io/service. This service includes app debugging as well as any other custom app help. If this particular issue turns out to be an Appery.io bug, we will credit back the hours spent on this issue and you will be able to use them toward another issue.

Return to “Issues”