Arquivo de Títulos - Portal Apper

Mudar tamanho da fonte do título dos recursos na Homepage (Layout 39)

flavianodelgado — Wed, 30 May 2018 12:20:48 +0000

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

O post Mudar tamanho da fonte do título dos recursos na Homepage (Layout 39) apareceu primeiro em Portal Apper.

Tirar o efeito de caixa alta (letras maiúscula) do título dos recursos no Layout

flavianodelgado — Tue, 20 Mar 2018 13:00:17 +0000

Se o Layout que escolheu tem os textos dos recurso na Homepage em caixa alta (letra maiúscula) e você deseja remover este efeito, 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 { text-transform: none; }

5 – Salve.

Este código serve para a maioria dos Layouts, porém se alguma Layout não funcionar pode solicitar a equipe de suporte que te enviará o código para o Layout desejado.

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

O post Tirar o efeito de caixa alta (letras maiúscula) do título dos recursos no Layout apareceu primeiro em Portal Apper.

Ocultar os títulos de todos os recursos

flavianodelgado — Tue, 23 Jan 2018 11:00:21 +0000

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

Pronto. 😉

O post Ocultar os títulos de todos os recursos apareceu primeiro em Portal Apper.

CSS para alterar o tamanho da fonte na Home page

flavianodelgado — Wed, 03 Jan 2018 11:00:48 +0000

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.

6 – Verifique o resultado no simulador ao lado.

Pronto. 😉

O post CSS para alterar o tamanho da fonte na Home page apareceu primeiro em Portal Apper.

CSS para alinhar os títulos (cabeçalho) dos recursos

flavianodelgado — Thu, 21 Dec 2017 19:00:14 +0000

Se você deseja que os textos dos títulos da barra superior (cabeçalho) de todos os recursos, estejam alinhados para direita, esquerda ou centralizados, 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 está) 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.

.bar.bar-custom .title {

text-align: center;

}

Se desejar alinhar o título para esquerda, substitua a palavra “center” por “left”, ou se desejar alinhar para a direita substitua a palavra “center” por “right”.

5 – Salve.

6 – Verifique o resultado no simulador ao lado.

Pronto. 😉

O post CSS para alinhar os títulos (cabeçalho) dos recursos apareceu primeiro em Portal Apper.