Como adicionar seu próprio CSS ao site

← Voltar

Crie uma seção de serviço com o módulo «CSS próprio» e acesso apenas para administradores — na página dela há um editor CSS, os estilos são conectados a todas as páginas do site.

  1. Na seção «Estrutura do site», clique em «Adicionar item principal», dê um nome à seção, por exemplo «Meu CSS».
  2. No campo «Módulo», através de «Selecionar», encontre o cartão «CSS próprio» (código custom_css).
  3. «Nível de acesso» — «Somente administradores». Salve.
  4. Abra esta seção. Na primeira abertura aparecerá «Arquivo CSS do site criado. Ele é conectado em todas as páginas do site por último.».
  5. Escreva as regras no editor. Tab — indentar, Shift+Tab — remover indentação.
  6. Clique em «Salvar» ou Ctrl+S. As alterações são visíveis nas páginas após atualizar.

O arquivo é conectado por último em cada página, portanto sobrepõe os estilos do motor quando a especificidade do seletor é igual. Mas as configurações da janela de estilos do bloco (engrenagem) são escritas diretamente no bloco — só !important as sobrepõe.

O arquivo é armazenado entre os arquivos do site e entra no backup e no template.

Se não deu certo

  • Os estilos esconderam ou quebraram a página. Clique em «Sem meu CSS» no editor — ele abrirá sem os seus estilos. Em qualquer página do site, o mesmo é obtido adicionando ao endereço ?nocustomcss=1 (funciona apenas para administrador).
  • «Arquivo alterado». O arquivo foi alterado em outra aba ou por outro administrador. Você pode sobrescrever com o seu texto ou recusar, copiar o texto e atualizar a página.
  • «Arquivo CSS muito grande». O limite é 512 KB. Remova o excesso; insira imagens por links, não por código dentro do CSS.
O artigo ajudou?

Veja também

Como colocar logotipo e faviconAmbas as imagens são carregadas nas configurações do informer «Logotipo» — pelos campos «Logotipo» e «Favicon».Como estilizar um bloco: borda, fundo, espaçamento, sombraPasse o mouse sobre o bloco e clique na engrenagem — abrirá a janela de estilos com as abas «Borda», «Bloco», «Texto», «Links», «Animação», «Posicionamento».Como adicionar um contador ou widget de terceiros em todas as páginasAba «Sobre o site» nas configurações gerais, campo «Código HTML de widgets» — o código é inserido em cada página do site.O que são informers no menuSão pequenos widgets que ficam no menu em pé de igualdade com os itens: logotipo, carrinho, busca, seletor de idioma, chat e outros.

Dicas para trabalhar com o construtor

A secção «Ajuda» foi criada para quem está a montar um site na «Primeira Linha» pela primeira vez. Aqui estão reunidas respostas a perguntas frequentes: como criar um site, o que escrever nos campos, como editar textos e fotografias, como conectar um domínio próprio e configurar secções. Os materiais ajudam a resolver sem contactar o suporte.

O construtor é simples: preenche os campos na página de criação e depois edita o conteúdo diretamente no site pronto. Se algo não funcionar ou não for claro, consulte o ponto de ajuda correspondente. As instruções estão escritas em linguagem simples e descrevem cada passo.

Na ajuda encontrará respostas a perguntas:

  • como inventar um endereço de site e o que fazer se o nome estiver ocupado;
  • como alterar o nome, a descrição e outros textos na página;
  • como adicionar produtos, serviços ou formulários de pedido;
  • como conectar o seu domínio em vez do endereço em firstline.com.ua;
  • como configurar secções e módulos para as tarefas do seu negócio.

Se não encontrar a resposta pretendida, utilize o formulário de contacto — ajudaremos a resolver. A secção é atualizada para que possa encontrar sempre informações atuais sobre o trabalho com o construtor.