Comment ajouter son propre CSS au site

← Retour

Créez une section de service avec le module « CSS personnalisé » et un accès réservé aux administrateurs — sur sa page se trouve l'éditeur CSS, les styles sont appliqués à toutes les pages du site.

  1. Dans la section « Structure du site », cliquez sur « Ajouter un élément principal », nommez la section, par exemple « Mon CSS ».
  2. Dans le champ « Module » via « Choisir » trouvez la carte « CSS personnalisé » (code custom_css).
  3. « Niveau d'accès » — « Administrateurs uniquement ». Enregistrez.
  4. Ouvrez cette section. À la première ouverture apparaîtra « Fichier CSS du site créé. Il est connecté sur toutes les pages du site en dernier. ».
  5. Écrivez les règles dans l'éditeur. Tab — indentation, Shift+Tab — supprimer l'indentation.
  6. Cliquez sur « Enregistrer » ou Ctrl+S. Les modifications sont visibles sur les pages après actualisation.

Le fichier est connecté en dernier sur chaque page, donc il écrase les styles du moteur à spécificité de sélecteur égale. Mais les paramètres de la fenêtre des styles du bloc (engrenage) sont écrits directement dans le bloc — seul !important les écrase.

Le fichier est stocké parmi les fichiers du site et est inclus dans la sauvegarde et dans le modèle.

Si ça n'a pas fonctionné

  • Les styles ont caché ou cassé la page. Cliquez sur « Sans mon CSS » dans l'éditeur — il s'ouvrira sans vos styles. Sur n'importe quelle page du site, la même chose est donnée par l'ajout à l'adresse ?nocustomcss=1 (fonctionne uniquement pour l'administrateur).
  • « Fichier modifié ». Le fichier a été modifié dans un autre onglet ou par un autre administrateur. Vous pouvez l'écraser avec votre texte ou refuser, copier le texte et actualiser la page.
  • « Fichier CSS trop volumineux ». La limite est de 512 Ko. Retirez le superflu ; insérez les images par des liens, pas par du code dans le CSS.
Cet article vous a-t-il aidé ?

Voir aussi

Comment mettre un logo et un faviconLes deux images se téléchargent dans les paramètres de l'informer « Logo » — via les champs « Logo » et « Favicon ».Comment styliser un bloc : bordure, fond, marges, ombreSurvolez le bloc et cliquez sur l'engrenage — la fenêtre de styles s'ouvre avec les onglets « Bordure », « Bloc », « Texte », « Liens », « Animation », « Positionnement ».Comment ajouter un compteur ou un widget externe sur toutes les pagesOnglet « À propos du site » dans les paramètres généraux, champ « Code HTML des widgets » — le code est inséré sur chaque page du site.Que sont les informers dans le menuCe sont de petits widgets qui figurent dans le menu au même titre que les éléments : logo, panier, recherche, sélecteur de langue, chat et autres.

Conseils pour utiliser le constructeur

La section « Aide » est conçue pour ceux qui créent un site pour la première fois sur « Première ligne ». Vous y trouverez des réponses aux questions fréquentes : comment créer un site, que mettre dans les champs, comment modifier les textes et les photos, comment connecter votre propre domaine et configurer les sections. Ces ressources vous aideront à vous débrouiller sans contacter le support.

Le constructeur est simple : vous remplissez les champs sur la page de création, puis vous modifiez le contenu directement sur le site finalisé. Si quelque chose ne fonctionne pas ou n'est pas clair, consultez la rubrique d'aide correspondante. Les instructions sont rédigées dans un langage simple et décrivent chaque étape.

Dans l'aide, vous trouverez des réponses aux questions :

  • comment trouver l'adresse du site et que faire si le nom est déjà pris ;
  • comment modifier le titre, la description et d'autres textes sur la page ;
  • comment ajouter des produits, services ou formulaires de demande ;
  • comment connecter votre domaine au lieu de l'adresse sur firstline.com.ua ;
  • comment configurer les sections et modules selon les besoins de votre activité.

Si vous ne trouvez pas la réponse, utilisez le formulaire de contact — nous vous aiderons. La section est mise à jour pour que vous puissiez toujours trouver des informations à jour sur l'utilisation du constructeur.