Se deseja ocultar o botão “Meu Veículo” do Layout UberTaxi, aplique o código deste artigo seguindo as instruções abaixo:

Alguns clientes solicitaram esta possibilidade para que os motoristas não altere constantemente os dados do veículo. Ocultando este botão você não permitirá que o motorista faça alterações em seu cadastro, logo caso haja necessidade de alterações você precisará acessar pelo Painel e realizar as alterações.

O código poderá ser retirado a qualquer momento.

 

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_taxi li:nth-child(6) {
display: none;
}


 

Obs: Altere o valor em parênteses para ocultar outro item do menu, este número é a ordem dos itens no menu. Você também pode ocultar mais que um item, é apenas copiar o código e cola-lo abaixo alterando o valor que esta em parênteses.

 

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

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.

Se você deseja ocultar um item do menu no layout 6, 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.l6 div:nth-child(2n) {
display: none;
}

 

Para ocultar outro item do menu, altere o número que esta em parenteses na classe “…child(2)”, este número corresponde a ordem do recurso no menu, no nosso exemplo estamos ocultando o 2º item “Cartão Fidelidade”, insira o número conforme a ordem do item desejado.

 

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.

Se você deseja ocultar um item do menu no layout 9, 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.l9 ul.items li:nth-child(2) {
display:none;
}


 

Para ocultar outro item do menu, altere o número que esta em parenteses na classe “child(2)”, este número corresponde a ordem do recurso no menu, no nosso exemplo estamos ocultando o 2º item “Cartão”, insira o número conforme a ordem do item desejado.

 

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.

Se você deseja ocultar o cabeçalho e o menu do Layout 9, aplique o código deste artigo seguindo as instruções abaixo.

Este recurso é muito usado quando se deseja ter um aplicativo de um único recurso.

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.

 

.has-header {
top: 0px !important;
}
.platform-ios.platform-cordova:not(.fullscreen) .has-header {
top: 20px !important;
}
ion-nav-bar {
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.

 

Em muitos casos o Apper deseja que a página de um site responsivo já abra assim que o App iniciar, neste caso você pode usar o Recurso HTML colocando em 1º lugar e siga as instruções deste artigo: https://portalapper.com.br/centraldeajuda/iframe-no-recurso-html/ para inserir seu site em uma iframe.

Obs: Crie mais uns 3 recursos para completar a quantidade minima de recursos para solicitar a publicação.

Se você deseja alterar o tamanho do texto do título que aparece no cabeçalho do 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 #main p.title {
font-size: 18px!important;
}


 

Obs: Para alterar o tamanho do título, mude o número do “font-size” de 18px para o que desejar (o padrão é 25px então aplique menos ou mais de 25px).

 

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.

Se você deseja colocar o texto ao lado dos ícones no layout 9, 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 {
ul.items li {
height: 50px !important;
img {
float: left !important;
margin-left: 4px;
}
p {
line-height: 28px !important;
height: 28px !important;
text-align: left !important;
text-indent: 8px;
}
}
}


 

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