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á […]
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 […]