Mudanças entre as edições de "Como alterar a cor do rodapé do template Plumas"
(Criou página com 'Caso deseje alterar a cor do rodapé do template, será preciso ter o acesso ao servidor, através deste acesso é possível editar o arquivo que contém o código da cor do r...') |
(A imagem fo filezilla foi alterada.) |
||
Linha 4: | Linha 4: | ||
Acesse o caminho '''/var/www/template/master/css'''. | Acesse o caminho '''/var/www/template/master/css'''. | ||
− | + | [[Arquivo:Style.css na var-www-template-plumas-css.png|centro|semmoldura|800x800px]] | |
− | [[Arquivo: | ||
− | |||
Clique com o botão direito do seu mouse no arquivo '''style.css''' e selecione a opção '''Baixar''', após baixar o arquivo edite-o e procure a linha '''156''' que contém o texto '''background-color: #E4E2E2;''' conforme está na imagem abaixo: | Clique com o botão direito do seu mouse no arquivo '''style.css''' e selecione a opção '''Baixar''', após baixar o arquivo edite-o e procure a linha '''156''' que contém o texto '''background-color: #E4E2E2;''' conforme está na imagem abaixo: | ||
Edição atual tal como às 16h24min de 6 de janeiro de 2022
Caso deseje alterar a cor do rodapé do template, será preciso ter o acesso ao servidor, através deste acesso é possível editar o arquivo que contém o código da cor do rodapé.
Acesse o servidor via SSH através do program Filezilla que facilitará o seu acesso. Se tiver dúvidas referentes ao Filezilla clique aqui.
Acesse o caminho /var/www/template/master/css.
Clique com o botão direito do seu mouse no arquivo style.css e selecione a opção Baixar, após baixar o arquivo edite-o e procure a linha 156 que contém o texto background-color: #E4E2E2; conforme está na imagem abaixo:
Altere o código da cor #E4E2E2 para o código em RGB da cor escolhida. Consulte a Tabela de Cores para auxiliar na identificação do código da cor desejada.
Feito isso, salve a alteração e coloque o arquivo de volta no servidor na mesma pasta de onde foi baixado. Aparecerá uma janela de aviso mostrando que o arquivo já existe no destino, selecione a opção Substituir e clique em OK. Conforme o exemplo a seguir:
Após a alteração feita, vai ser possível visualizar a modificação no site ao atualizar a página:
OBS: A cor utilizada na imagem de exemplo é #80c3fd.
-
Voltar ao menu Hotsite