Page 1 of 1

How to change color of index page header in IONIC

Posted: Tue Apr 04, 2017 2:29 pm
by Deon

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


How to change color of index page header in IONIC

Posted: Tue Apr 04, 2017 4:11 pm
by Serhii Kulibaba

Hello Deon,

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


How to change color of index page header in IONIC

Posted: Tue Apr 04, 2017 8:56 pm
by Deon

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


How to change color of index page header in IONIC

Posted: Wed Apr 05, 2017 8:59 pm
by Serhii Kulibaba

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.