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. 😉

13 de março de 2018

Redimensionar o tamanho das imagens dos recursos Comércio e Lugares (retangular)

Para redimensionar o tamanho das imagens dos recursos Comércio e Lugares de forma que apareçam na lista como aparecem no banner, ou seja, de forma retangular, 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.   .list .item.item-thumbnail-left { min-height: auto; }   .list .item.item-thumbnail-left img { height: auto; }   5 – Salve. 6 – Verifique o resultado no simulador ao lado. Obs. Se caso não houver […]
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 […]