How to define the custom css?

ionic-v1
1

I defined some css,such as the below:
.redroundedRectangle p{
margin: 0px auto;
padding: 5px;
text-align:center;
font-size: 27px;
font-weight:bold;
letter-spacing:8px;
color:#FFFFFF;
}

But it doesn’t work in the ionicframework totally. Who may tell me how to make it work? Thanks!

2

There are two things to check.

  1. Using plain CSS
  2. using SASS

If you are using plain css, then you can directly go and add any kind of css in the .css file.
If you are using the sass, then you have to write the custom css in .scss only. If you wish to have a separate file, then you need to import that file into the .scss file which was created when you setup sassin your project using ionic setup sass.