Como deixar o fundo do template com transparência

Pra você que quer dar uma diferenciada no seu template, essa é uma ótima dica.Vou ensinar como deixar o fundo do template semi transparente.

Então faça o seguinte - Vá em Layout - Editar HTML

Procure pela linha  #content-wrapper {


Logo abaixo dela vai ter essa outra linha:

background-colorou background

Exclua ela e seus componentes.




 Clique para ampliar


E abaixo de  #content-wrapper { cole o codigo:

background-color: rgba(0, 0, 0, 0.5);
background: rgba(0, 0, 0, 0.5);
color: rgba(0, 0, 0, 0.5);

Na parte destacado de vermelho, é onde você deve colocar a cor em RGB. Veja um exemplo:

background-color: rgba(0, 137, 67,0.5);
background: rgba(0, 137, 67, 0.5);
color: rgba(0, 137, 67, 0.5);

Clique aqui pra ver a tabela de cores

Na parte azul, é o nível de opacidade. Coloque um valor de 0.1 à 0.9 para definir a transparência. Lembrando que quanto maior o valor, menos vai ser a transparência, e vice-versa.

Se colocar o valor 0, vai ficar sem opacidade.

Depois de fazer as modificações, salve!

0 comentários:

Postar um comentário