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.

Com este CSS, você aplicará uma imagem de fundo do menu lateral do Layout 9. 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.


.homepage-custom {
background-color: transparent;
}
.layout.l9 {
background-image: url("https://portalapper.sitesparresia.com//home/parresia/sitesparresiacom/sitesparresia.com/public_html/wp-content/uploads/sites/154/2018/03/Way.jpg");
background-position: center;
background-attachment: fixed;
background-color: transparent;
}


 

Para aplicar a imagem de fundo desejada, basta alterar a URL do “background-image: url” que esta entre parenteses.

Não há a necessidade que o tamanho da imagem seja exato, observe que usamos uma imagem 1440x1280px, e cada tela vai adequar a imagem, fique a vontade para realizar seus testes com a imagem desejada e no tamanho disponível.

 

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

Com este CSS você removerá a sombra no layout 1, 2 ou 10. 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.l1 .tabs {
box-shadow: none !important;
}

 

Obs: Para o layout 2, alterar o número de “l1” para “l2”, e, para o 10, de “l1” para “l10”.

 

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

Com este CSS você conseguirá ter um banner ou slider no rodapé da Homepage de seu App, usando o layout 6 (não clicável). 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.l6 ion-content {
height: 80%;
margin-bottom: 18%;
}


 

5 – Salve.

6 – Vá para a Seção DESIGN (Tema) e mude para o Layout 6 em “Alterar seu layout”.

7 – Em “OPÇÕES DE LAYOUT” na parte superior direta da tela clique em “Ativar Slider” ativando esta opção.

8 – Depois que ativar o Slider, desça a barra de rolagem até o quadro “Configurações do Slider da Homepage” e faça as seguintes configurações:

Sliders em Loop > Pode deixar desligado (se deseja apenas 1)

Duração de cada Slider em seg. > Deixa em 3 segundos (Se for 1 Slider isso não interfere)

Posição de topo > 90%

Opacidade das imagens > 100%

Defina a proporção do Slider na tela > 10%

Agora insira uma imagem usando o botão “MAIS IMAGENS”, se estiver usando a proporção sugerida acima faça a imagem com o seguinte tamanho 900x160px, se não conseguir fazer neste tamanho não terá problema, a ferramenta irá cortar a imagem para você.

Você pode realizar testes com outros tamanhos.

Caso queira mudar o tamanho do banner, basta alterar a “Defina a proporção do Slider na tela” e o valor que esta na propriedade “margin-bottom” dentro do SCSS.

 

9 – 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.

Se deseja mudar posição e/ou a altura do player de sua galeria de vídeos, 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.


.video-view .sprite {
background-size: 15%;
background-position: 96% 80%;
}


Importante:

Para modificar para outro tamanho mude o valor de “15%” para outro tamanho.

Para modificar a posição do player mude os valores “96% 80%”. Sendo o “96%” relacionado com a posição horizontal e o “80%” referente a posição vertical.

 

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

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.