Ionic css footer backgrond color and color of title


#1

I’m working with Ionic framework, and I need to have a footer with
background color red and with a text align in the center. The footer
need to have a behaviour like a button; The footer is should be like a
Button where in the center there is the text ‘REGISTER’:

I try this code:

IONIC HTML:

Some content!
REGISTER

CSS:

.myColor{
color:red
}

.button{
color:white;
text-align:center;
}

But, it doesn’t work. i don’t know;
Some of you have some good advice:

Thanks!


#2

I don’t know if it’s the best practice. But this is how I do it.
html:
<ion-footer-bar class="red-footer-bar" >
<a href="#/yourLink" class="footer-link">
<h2 class="footer-title">REGISTER</h2>
</a>
</ion-footer-bar>

css:

.bar.red-footer-bar {
background-color: red;
}
a.footer-link{
width:100%;
}
h2.footer-title{
color:white;
text-align:center;
}