Page 1 of 1

Applying CSS

Posted: Mon Apr 19, 2021 4:53 am
by anywhere

Hi
How do I apply CSS to a header? It is not obvious in your documentation. You have a section about styling but there nothing about CSS in it.
Thanks


Re: Applying CSS

Posted: Tue Apr 20, 2021 10:55 am
by Serhii Kulibaba

Hello,

Could you please clarify a few things:

  1. What project type do you use here? JQM, Ionic (1,4,5)

  2. What styles exactly do you want to apply? To the header itself or the label/buttons on it?


Re: Applying CSS

Posted: Thu Apr 22, 2021 9:08 am
by anywhere

It is Ionic 5. You do not have an IONIC 5 section in the forum so I posted in IONIC 4.

In the SCSS tab, I add the following code...
.cssheader {
background-color:#000000;
}
Then in the Class properties of the header I add cssheader.

No effect.
Thx


Re: Applying CSS

Posted: Fri Apr 23, 2021 1:56 pm
by Serhii Kulibaba

Please use the following CSS for that:

Code: Select all

.cssheader ion-toolbar {
   --background:#000000;
}

Re: Applying CSS

Posted: Sat May 01, 2021 3:26 am
by anywhere

Great, thank you. That worked perfectly.
Please can you create a section for IONIC 5 on your forum as I think there will be many IONIC 5 issues during beta which will have no relevance to IONIC 4. This will be confusing to IONIC 4 users.
Thank you.