Se deseja alterar o tamanho dos textos que estão abaixo dos ícones na homepage do seu aplicativo no Layout 7, aplique o código deste artigo seguindo as instruções abaixo:

1 – Abra o Construtor de Apps

2 – Vá para a sessão CORES

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRAR.

4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.

.layout.l7 .sidebar ul.items li p {

font-size: 10px;

}

Obs: Altere o valor depois de “font-size:” que no exemplo do código esta em “10px”, de padrão o tamanho é “13px” então o valor de exemplo deste código já fará que seu texto esteja menor do que o padrão.

5 – Salve.

6 – Verifique o resultado no simulador ao lado.

Obs. Se caso não houver mudança imediata, por favor clique em “Atualizar Simulador” ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.

Pronto. 😉

7 de maio de 2020

CSS para alterar o tamanho do texto dos ícones da homepage no Layout 7

Se deseja alterar o tamanho dos textos que estão abaixo dos ícones na homepage do seu aplicativo no Layout 7, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRAR. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos. .layout.l7 .sidebar ul.items li p { font-size: 10px; } Obs: Altere o valor depois de “font-size:” que no exemplo do código esta em “10px”, de padrão o tamanho é “13px” então o valor de exemplo deste código já […]
6 de março de 2018

Adiciona um efeito de sombra interna nos títulos dos Recursos

Para criar um efeito de sombra interna nos títulos dos recursos, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para sessão CORES. 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   i.icon.ion-ios-arrow-back, span.default-title.ng-binding, span.nav-bar-title.ng-binding, button.button.button-clear.header-item { color: #887f77 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7); }   5 – Salve. 6 – Verifique o resultado no simulador ao lado. Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a […]
23 de janeiro de 2018

Ocultar os títulos de todos os recursos

Para ocultar os títulos de todas os recursos do seu aplicativo, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   .title.header-item { display: none; }   5 – Salve. 6 – Verifique o resultado no simulador ao lado. Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver […]
9 de janeiro de 2018

CSS para mudar a fonte do seu aplicativo

Para personalizar a fonte do seu aplicativo, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   @import url('https://fonts.googleapis.com/css?family=Ewert'); .view { *{ font-family: 'Ewert'; } }   Para alterar a fonte para uma a sua escolha, você deverá mudar os valores da 1ª e 4ª linha do código CSS acima. Entre em “https://fonts.google.com/”, escolha sua fonte na biblioteca, selecione uma fonte clicando no simbolo de “+”, abra […]
3 de janeiro de 2018

CSS para alterar o tamanho da fonte na Home page

Para personalizar o tamanho da fonte na Home page do aplicativo, aplique o código deste artigo seguindo as instruções abaixo:   1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   .layout { *{ font-size: 30px !important; } }   Para diminuir ou aumentar o tamanho do texto, basta alterar os valores dos pixels, que neste exemplo esta em 30px. Altere, salve e visualize para verificar o melhor tamanho para seu projeto.   5 – Salve. […]
4 de dezembro de 2017

CSS Para quebra de linha na Home Page (Layouts 3, 4 e 5)

Se os títulos dos recursos em seu menu são um pouco longos e deseja aplicar uma quebra de linha, ou seja, os textos aparecerem em 2 linhas ou mais, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos. .layout.l3 li p{ line-height: 18px !important; overflow: visible !important; } Obs: Se estiver usando o Layout 4 ou 5 você deve trocar o número da classe (.layout.l3 li p) […]