Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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.
    Capture

    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

    #1359664

    Hey sebzh22,

    Thanks for the screenshot. Could you post a link to where we can see the actual element as well please?

    Best regards,
    Rikard

    #1360186

    Bonjour,

    Merci pour votre retour.

    La page en question est la suivante : https://holavoyage.com/produit/template-excursions/

    #1360194

    Hi,

    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,
    Rikard

    #1360309

    Merci 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

    #1360323

    Hi,

    I see that you have added a custom class already, you can use CSS like this to only target that element:

    .onglet-inclus .active_tab_content, .onglet-inclus .active_tab {
        background-color: red;
    }

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.