[Résolu] creation de class css

  • WordPress :4.9.9
  • Statut : résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2245979
    philippe gerard
    Participant
    Initié WordPress
    14 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :  7.0
    • Thème utilisé : arvo
    • Extensions en place : Akismet Anti-Spam, Arvo Framework, BackWPup, Coming Soon CC, Contact Form 7, Contact Form 7 Captcha, Cookie Notice, Custom Login, Download Monitor, Duplicate Post, Email Before Download, Google Captcha (reCAPTCHA) by BestWebSoft, Imagify, iThemes Security, Layered Popups, ManageWP – Worker, Members, MonsterInsights – Google Analytics pour WordPress, Popup Builder, Post And Page Reactions, Redirection, Shortcodes Ultimate, Slider Revolution, UsageDD, User Switching, Wordfence Security, Wordpress Page Widgets, WP Live Chat Support, WP Statistics, WP Super Cache, WP WritUp, WPS Hide Login, Yoast SEO, Éditeur de page
    • Nom de l’hébergeur : one.com
    • Adresse du site : https://sectester.one/

    Problème(s) rencontré(s) : voici mon souci souvent quand j’essaie de modifier certains éléments dans le Css  il se trouve que la modification impacte d’autres zone du site du coup je me demande comment créer une class Css personnalisé pour un élément que je souhaite modifier pour mieux interagir avec lui.

    #2246064
    momofr@free.fr
    Modérateur
    Maître WordPress
    2315 contributions

    Salut, lorsque tu veux cibler une classe CSS particulière tu dois prendre en compte ses liens de parentés dans l’ordre de la structure HTML de la page.

    Pour faire simple les règles qui s’applique à un élément précis seront du style :

    #l’élément ID parent .l’élément conteneur parent .la classe ciblée {tes règles CSS ici}

    Une discussion sur ce sujet sur Alsacréations.

    Note bien que chaque page WordPress possède un identifiant qui peut te servir à cibler ta règle CSS à cette seule page. De la même manière tu peux écrire une règle pour les pages qui ne touche pas les articles (et inversement).

    #2246228
    philippe gerard
    Participant
    Initié WordPress
    14 contributions

    merci pour ta réponse mais ne comprends pas bien par exemple voici cette page https://sectester.one/informatique sur cette page il ya le texte « TRAVAILLEZ SEREIN » et la petite ligne de texte qui suit  » Ce sont des professionnels, experts de la maintenance informatique, qui s’occupent de votre parc pour vous permettre de faire prospérer votre activité. » je veux lui attribué une couleur blanche essayé de me montrer s’il vous plait la procédure ici et je pourrais dans la pratique voir comment sa fonctionne.

    merci pour votre réponse

    #2246233
    momofr@free.fr
    Modérateur
    Maître WordPress
    2315 contributions

    Salut, je vois que tu utilises Visual Composer, tu dois pouvoir ajouter une classe CSS au module utilisé dans ton exemple, cela te simplifiera l’écriture des règles CSS.

    Je te met en pièce jointe le contexte HTML de ta phrase, elle est dans une balise <span>, après un H2, et son conteneur <div> (surligné en jaune dans ma capture) parent le plus proche supporte une suite de 4 classes CSS : g5plus-heading mg-bottom-50 text-center hd-light

    Pour écrire la règle qui va lui être appliquée je reprend ces 4 classes et ajoute après la balise span ce qui donne la règle suivante :

    .g5plus-heading.mg-bottom-50.text-center.hd-light span {
    	color: #fff;
    }

    Mais on reste dans un contexte générique car les sections n’ont pas de classes spécifiques (ou une ID) donc cette règle peut toucher un texte dans le même contexte mais sur une autre section (dans cette page) ou dans une autre page. Tu peux réduire cette règle à cette seule page en ajoutant avant l’identifiant de la page : page-id-1372.

    Ça donne la règle suivant du coup :

    .page-id-1372 .g5plus-heading.mg-bottom-50.text-center.hd-light span {
    	color: #fff;
    }

    C’est étonnant que tu n’ai pas accès aux couleurs pour ton texte dans Visual Composer, utilises-tu la dernière version ?

    #2246240
    philippe gerard
    Participant
    Initié WordPress
    14 contributions

    si j’utilise la dernière version mais souvent le problème que je rencontre c’est dans certains module comme celui utilisé pour le cas plus haut c’est un « heading » a l’intérieur il n y pas assez de choix de couleur seulement le blanc et le noire en plus de cela la couleur impacte seulement le texte en gras mais pas la ligne de texte en dessous. sinon j’ai bien vu la partie qui permet de créer les class personnalisés mais je me suis dit qu’il agira uniquement sur le titre mais pas sur la ligne de texte en bas voila pourquoi je ne l’es pas utilisé, maintenant si c’était possible de le faire comment ? c’est pareil pour la petite barre verte en dessous aucune option permet de changer la couleur ou de la modifier dans le builder « heading » ce qui est embêtant.

    #2246470
    philippe gerard
    Participant
    Initié WordPress
    14 contributions

    ??? svp j’espère qu’on ne ma pas oublier lol

6 sujets de 1 à 6 (sur un total de 6)
  • Vous devez être connecté pour répondre à ce sujet.