Я сделал код для настройки ионного заголовка.

HTML

<div class="styTitle">
    <ion-view title="Welcome to my App">
    <ion-view>
<div>

CSS

.styTitle ion-view title {
    font-size: 160%;
    text-align: center;
    color: white;
    font-family: verdana;
    margin-top: 11px;

}

При рендеринге в эмуляторе никаких видимых изменений к заголовку не применяется. Что могло быть не так? благодаря

1
Blaze 16 Окт 2015 в 12:26

2 ответа

Лучший ответ

Это стандартный способ настройки ионного заголовка,

HTML

<ion-view>
    <ion-nav-title>
        <span class="
        styTitle">Welcome to my App</span>
    </ion-nav-title>
</ion-view>

CSS

.styTitle {
    font-size: 160%;
    text-align: center;
    color: white;
    font-family: verdana;
    margin-top: 11px;
}
1
Muhsin Keloth 16 Окт 2015 в 09:41

Во-первых, ваш селектор css неверен (.styTitle ion-view).
В любом случае этот селектор не даст вам титул, попробуйте:
ion-header-bar .title

0
Amir Yahalom 16 Окт 2015 в 09:44