-
AuthorPosts
-
July 28, 2022 at 8:47 am #1359642
Bonjour,
Je me permets de vous contacter pour essayer de comprendre un peu mieu les sélécteurs CSS.
J’ai déjà fait plusieurs modifications du CSS en rajoutant des class personnalisé sur des éléments sans problème mais je pense pour des choses plus simple à cibler.
Cette fois-ci, je ne trouve pas la solution.
Sur l’image ci-dessus, je souhaite changer la couleur de fond de ma section à onglet.
– J’ai mis la classe personnalisé .onglet-inclus sur ma section à onglet.
– J’ai déjà fait quelques modifications comme vous pouvez le voir avec : .onglet-inclus .tab_content { height: 375px: Cela fonctionne parfaitement.
– Maintenant je veux changer le background color mais je n’arrive pas à choisir les bons sélecteurs pour que cela fonctionne comme il y a deja un background color au dessus.
J’ai essayer plusieurs combinaisons comme : (.onglet-inclus .tabcontainer .active_tab_content) ou (.onglet-inclus div .main_color .tabcontainer .active_tab_content) et bien d’autres.
Pourriez-vous me dire quels selecteurs je devrait sélectionner pour modifier le backgroung-color?Et m’expliquer comment choisir l’ordre des sélecteurs dans des cas comme celui-ci?
Cordialement
Sébastien
July 28, 2022 at 11:02 am #1359664Hey sebzh22,
Thanks for the screenshot. Could you post a link to where we can see the actual element as well please?
Best regards,
RikardAugust 1, 2022 at 8:05 pm #1360186Bonjour,
Merci pour votre retour.
La page en question est la suivante : https://holavoyage.com/produit/template-excursions/
August 1, 2022 at 8:39 pm #1360194Hi,
Thanks for that. Please try this in Quick CSS:
div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab { background-color: red; }
Best regards,
RikardAugust 2, 2022 at 1:51 pm #1360309Merci pour votre retour,
Cela fonctionne correctement effectivement.
Le problème est que le changement ce fera sur l’ensemble de mes sections à onglets?
Si je veux cibler seulement celle-ci avec ma classe personnalisé, ou dois-je écrire le nom de ma classe (.onglet-incus) dans la ligne des sélecteurs?
Cordialement
August 2, 2022 at 5:01 pm #1360323 -
AuthorPosts
- You must be logged in to reply to this topic.