Vous êtes ici

Modification de couleur de background d'un bloc

Vous avez 30 secondes ?
S'abonner au flux d'actualités
5 contributions / 0 nouveau(x)
Dernière contribution
Modification de couleur de background d'un bloc
Bonjour,
Je souhaiterais changer la couleur de fond d'un bloc et éventuellement la couleur de police.
Si je touche au CSS, ce sont tous les blocs qui vont changer de couleur, non ?
Merci d'avance de votre aide.
Cordialement,
Michael.
 
This post is useful!
This post is useless!
Re: Modification de couleur de background d'un bloc
Bonjour,
Cela dépend de votre sélecteur CSS. Un sélecteur trop générique partagé par tous les blocs (par exemple .block) et c'est tous les blocs qui changeront de couleur. Au contraire, privilégiez un sélecteur plus restrictif, en visant par exemple l'ID du bloc. Pour le trouvez, ouvrez la console de votre navigateur une fois sur votre page (via la touche F12), repérez le bloc dans le HTML avec l'outil de sélection et utilisez son ID ou une classe spécifique à ce bloc.
1
This post is useful!
This post is useless!
Re: Modification de couleur de background d'un bloc
Merci de votre réponse.
Mais dans quel fichier HTML puis-je trouver le bloc ? Quand vous dites "outil de sélection", c'est la fenêtre qui s'ouvre grâce à F12 ?
Merci.
This post is useful!
This post is useless!
Michael
Re: Modification de couleur de background d'un bloc
L'outil de sélection, l'un des outils qui s'ouvre dans la fenêtre F12. L'icone est différente suivant les navigateurs, alors c'est difficile d'être plus précis. ça ressemble à un rectangle, parfois simple parfois double, noir ou bleu suivant.
L'HTML est disponible dans un template twig. Encore faut-il trouver le bon. Il dépend de votre thème et des configurations de votre site. C'est donc au cas par cas. Il faudrait passer votre site en mode debug et voir. Vous pouvez vous aider de cette doc.: https://www.drupal.org/docs/8/theming/twig/debugging-twig-templates
1
This post is useful!
This post is useless!
Re: Modification de couleur de background d'un bloc
Merci beaucoup, ça devrait me suffire pour avancer :-)
This post is useful!
This post is useless!
Michael
Connectez-vous ou inscrivez-vous pour publier un commentaire