O CSS (Cascading Style Sheets) é um código de linguagem utilizado para fazer modificações no layout da loja, como alterar cores e tamanhos de fontes, botões, formato de tabelas, entre outros - Para isso, é necessário ter conhecimento em HTML/CSS.
Atenção: O suporte não ajusta erros causados por alterações dentro do CSS.
Veja abaixo como adicionar:
1. Na plataforma da Loja HostGator, no menu superior, clique em Aplicativos - Se necessário, veja como acessar a plataforma
2. Em seguida, clique em Aparência
3. Na opção Temas e personalização, clique em Configurar
4. Na tela de “Temas e personalização”, clique em Personalizar tema
5. Em personalização do tema atual, clique na aba CSS
6. Em “Editar CSS”, você pode personalizar a estrutura visual da loja para as versões:
A) CSS Customizado - Desktop
B) CSS Customizado Mobile - Celular
7. Para fazer as alterações você precisa encontrar o “nome da classe ou ID” dentro do seu layout - Para isso, no site da sua loja, clique com o botão direito do mouse e em seguida, em Inspecionar
Você verá o HTML criado e ao lado as classes existentes no CSS do layout.
8. No HTML, localize a classe que deseja alterar e adicione os novos atributos:
- A) Para selecionar um elemento específico na página, clique no ícone com a ponteira do mouse
- B) Clique no elemento que deseja alterar
- C) Adicione os novos atributos de estilo
- D) Copie a classe alterada
- E) Volte na plataforma da Loja HostGator, na configuração CSS e cole a classe alterada
9. Para concluir, clique em Salvar - Feito isso, confira no site da sua loja as alterações realizas.
Atenção: O GIF acima é um exemplo - Faça as modificações na classe e no código CSS conforme deseja.
Caso fique com alguma dúvida, entre em contato com o suporte através deste formulário