Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

css no ionic

boa tarde, estou tentando colocar o css no ionic tem algumas coisas que funcionaram e outras não. Eu estudei um pouco de css com essa apostila aqui : http://fabiorogeriosj.com.br/2016/06/24/Ebook-2-Ionic-Framework-Customizando-e-criando-componentes/ . Mas o exemplos de css que ele mostra são muito massa recomendo. Eu tentei aplicar cores de fundo no ion-list do menu.html, mas nao deu certo, a unica coisa que consegui alterar por enquanto foi a fonte . meu menu.html

<ion-side-menus enable-menu-with-back-views="false">
  <ion-side-menu-content>
    <ion-nav-bar class="bar-assertive">
      <ion-nav-back-button class="no-text">
      </ion-nav-back-button>

      <ion-nav-buttons side="left">
        <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
        </button>
      </ion-nav-buttons>
    </ion-nav-bar>
    <ion-nav-view name="menuContent"></ion-nav-view>
  </ion-side-menu-content>

  <ion-side-menu side="left">
    <ion-header-bar class="bar-assertive">
      <h1 class="title">Santa Filomena</h1>
    </ion-header-bar>
    <ion-content class="teste">
    <div>
                <img class="full-image" src="img/santa-filomena3.jpg" class="avatar motion spin fade"> 
                <p>Santuário Santa Filomena - Sorocaba/Sp</p> 
        </div>
      <ion-list class="list-custom">
        <ion-item menu-close href="#/app/principal">
          principal 
        </ion-item>
        <ion-item menu-close href="#/app/missa">
          Missa 
        </ion-item>
        <ion-item menu-close href="#/app/adoracao">
          Adoração
        </ion-item>
        <ion-item menu-close href="#/app/doacao">
          Doação
        </ion-item>
        <ion-item menu-close href="#/app/confissao">
          Confissao
        </ion-item>
        <ion-item menu-close href="#/app/santaFilomena">
          Santa Filomena
        </ion-item>
        <ion-item menu-close href="#/app/avisos">
          Avisos 
        </ion-item>
        <ion-item menu-close href="#/app/eventosFestas">
          Eventos e festas
        </ion-item>
        <ion-item menu-close href="#/app/secretaria">
          Secretaria
        </ion-item>
        <ion-item menu-close href="#/app/playlists">
          Em Desenvolvimento
        </ion-item>
      </ion-list>
    </ion-content>
  </ion-side-menu>
</ion-side-menus>

meu style.css que esta na pasta css do projeto

/* Empty. Add your own CSS if you like */
body {
    background-color: #FF8C69;
}
.menu.menu-left {
    font-weight: bold;
}
.menu.content-teste {
    background-color: #F0FFFF;
}
.list-custom .item {
    background-color: #FF8C69;
}

o que consegui fazer funcionar: o body carrega a cor quando eu clico para atualizar a tela a cor aparece mas volta a cor normal, serviu de teste. .menu.menu-felt serviu para alterar a fonte das palavras que esta no menu lateral, os últimos itens ainda não consegui alterar alguém pode dar uma luz ou uma dica de como altero o fundo da listagem do sidemenu dentro no ion-list?

2 respostas
solução!

consegui resolver ja .

poderia dizer como né Felipe... sua dúvida pode ser a de outra pessoa também