Se você deseja alterar o tamanho da fonte dos títulos dos recursos dos botões que estão na homepage no layout 39, 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.

 

.layout.l39 .r3menu li p {
font-size: 10px !important;
}

 

Para alterar o tamanho da fonte, mude o número da linha do “font-size” (o padrão do texto em px é 12px, para obter algo diferente, mude para mais ou menos que 12px).

 

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 ocorrendo verifique o código novamente e salve.

Pronto. 😉

28 de maio de 2018

CSS Para quebra de linha na Home Page (Layouts 3 Horizontal)

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.l11 a p { line-height: 18px !important; overflow: visible !important; }   .layout .slider-pager { display: none; }   Obs: O primeiro grupo de códigos da o efeito […]
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 […]
27 de fevereiro de 2018

Ocultar os títulos dos recursos (ícones) da Homepage

Se deseja que os botões de sua Homepage apareça sem nenhuma escrita ou texto, ou seja, apenas a imagem do ícone, 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.   .homepage .layout li p { display: none; }   Importante: Efeito se aplica nos Layouts: Layout 1. Layout 2, Layout 3 – FULL, Layout  5 – FULL, Layout 10 e Layout 11 – FullScreen. Alguns Layouts já tem nas “Opções de […]
13 de fevereiro de 2018

Inserir bordas com pontas arredondadas nos botões na homepage

Para as bordas dos botões (ícones) da página inicial (homepage) ficarem arredondados ou até mesmo redondas, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Entre na 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.   .homepage-custom .border-custom { border-radius: 10%; }   Para mudar a intensidade da curva do raio é só mudar o valor de “10%;” para o valor que desejar, maior ou menor. Se desejar ser redondo deixe em “50%”. Este código pode ser aplicado […]