Pour utiliser des styles personnalisés sur Drupal 8, il est recommandé d’utiliser le module “CSS class” qui permet d’ajouter des classes personnalisées aux différents blocs, champs, paragraphes, etc. de votre site.
Voici les étapes à suivre :
1. Installez et activez le module CSS class via l’interface d’administration de Drupal 8.
1. Accédez à l’élément auquel vous souhaitez ajouter une classe personnalisée (bloc, champ, paragraphe, etc.) et cliquez sur “Éditer”.
1. Dans les options de configuration, recherchez le champ “Classe CSS” et ajoutez une classe personnalisée. Vous pouvez ajouter plusieurs classes en séparant chaque classe par un espace.
1. Enregistrez les modifications.
1. Accédez au thème de votre site et créez un fichier de style CSS personnalisé pour appliquer les styles désirés. Vous pouvez créer un fichier de style pour chaque classe personnalisée que vous avez ajoutée.
1. Ajoutez le code CSS approprié à votre fichier de style personnalisé. Pour appliquer les styles, vous pouvez utiliser la classe personnalisée suivie d’un point dans votre sélecteur CSS (ex : .ma-classe-personnalisee { styles ici }).
1. Enregistrez le fichier CSS personnalisé dans le répertoire /themes/nom-du-theme/css/ de votre site.
1. Enfin, assurez-vous que votre thème utilise les fichiers CSS personnalisés en ajoutant les chemins des fichiers CSS dans le fichier .info.yml du thème.
En suivant ces étapes, vous pouvez créer et appliquer des styles personnalisés à votre site Drupal 8.
