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

Original

CSS aplicado

Pronto. 😉

20 de fevereiro de 2018

Alterar a cor de um botão ao ser clicado

Com este código você vai poder trocar a cor que aparece assim que o botão é clicado. Aplique o código deste artigo seguindo as instruções abaixo para este efeito: 1 – Abra o Construtor de Apps 2 – Entre na 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.     .button.button-custom:hover,.button.button-custom:active { color: #fff; background-color: #123456; }     Para mudar para uma cor desejada, altere o valor da cor de “123456” para o código da cor que desejar. Este código só tem efeito nos “Botões de […]