problème d’encadrement sur les zones d’actions au clic (Créer un compte)

  • WordPress :5.8
  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2413175
    Berty
    Participant
    Initié WordPress
    6 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.4.30
    • Thème utilisé : OceanWP
    • Extensions en place :
    • Nom de l’hébergeur :
    • Adresse du site : https://www.omegaroc.com

    Problème(s) rencontré(s) :

    Bonjour,

    Tout d’abord une remarque j’utilise la version 6.0.1 de WP mais cette version n’apparait pas encore dans le menu déroulant.

    Je ne suis pas un développeur éclairé et ai créé un site pour les besoins de mon activité.

    Le problème : un encadré bleu est apparu lorsque l’on clique sur une action. Il semble correspondre à la zone de l’élément sur le constructeur de page (elementor).

    J’espère avoir été clair.

    Merci de votre aide

    Berty

    #2413191
    ferman
    Participant
    Maître WordPress
    5242 contributions

    Bonjour,

    Essayez ce code dans les CSS additionnelles du thème:

    .elementor-widget-container a.no-lightbox:focus{outline:none!important;}

    Essayez d’abord en enlevant le !important.

    #2413229
    Berty
    Participant
    Initié WordPress
    6 contributions

    Merci beaucoup.

    malheureusement je n’ai pas de compétences en code mais je vais demander à un ami. Je reviendrai informer si ça a fonctionné.

    #2413230
    ferman
    Participant
    Maître WordPress
    5242 contributions

    C’est très facile et sans manipuler de code: il suffit de copier /coller le code ci-dessus.dans les CSS additionnelles du thème. tableau de bord -> apprence -> personnaliser -> CSS additionnell et vous collez dans la fenêtre en bas. Si ça ne va pas vous supprimez ce que vous venez d’ajouter. Ça ne peut pas casser le site. Si vous n’êtes pas à l’aise n’enlevez pas  !important; ça n’en sera que mieux.

    #2413264
    Berty
    Participant
    Initié WordPress
    6 contributions

    Bonjour Ferman, j’ai collé la ligne dans la rubrique tableau de bord -> apprence -> personnaliser ->JS/CSS personnalisé car je n’ai pas trouvé   »CSS additionnel ».

    1-j’ai d’abord collé toute la ligne (avec le !important;) et le problème d’encadrement a été partiellement résolu: l’encadré bleu au clic n’apparaît plus sur les actions de la page d’accueil (  »se connecter »,  »Tous les topos » et  » des topos » éthiques ») mais persiste à d’autres endroits comme le logo Omegaroc de la barre supérieure où lorsqu’on clique un lien dans un corps de texte.

    2-j’ai enlevé le  »!important; » et là les encadrés bleus sont partout présents.

    J’ai donc remis la ligne de code complète. Status actuel.

     

    #2413268
    ferman
    Participant
    Maître WordPress
    5242 contributions

    Bonjour,

    A la suite de la première ligne, dans JS/CSS personnalisé, collez les deux suivantes:

    a.custom-logo-link:focus{outline:none!important;}
    
    p span a:focus{outline:none!important;}

    Ensuite, si ça fonctionne (normalement oui) faites le tour du site et vérifiez s’il reste des endroits où le rectangle bleu apparaît encore.

     

     

    #2413269
    Berty
    Participant
    Initié WordPress
    6 contributions

    J’ai collé les 2 lignes supplémentaires (voir pièce-jointe):

    le problème est réglé presque partout sauf sur certaines pages où les liens dans les corps de textes s’encadrent toujours: exemple:

    Sur la page: https://omegaroc.com/les-auteurs/ certains liens s’encadrent et d’autres non!  Idem sur les pages en anglais sans qu’il y ait une correspondance parfaite entre les liens  »guéris » et les liens  »malades » dans les deux langues (j’ai utilisé l’extension Polylang)

    idem les liens  »lire le récit » sur la page: https://omegaroc.com/recits-interviews/

    Les encadrés sont aussi présents lorsqu’on clique dans la barre de menu surtout visible en cliquant sur le drapeau des langues.

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2413281
    ferman
    Participant
    Maître WordPress
    5242 contributions

    Je pense qu’en remplaçant la ligne 3 par la ligne ci-dessous, plus générale, on devrait couvrir à peu près tous les cas. Vérifiez et dites-moi s’il reste quelque chose à modifier.

    p a:focus{outline:none!important;}

    #2413315
    Berty
    Participant
    Initié WordPress
    6 contributions

    C’est fait et ça marche!

    J’ai parcouru le site et tester de nombreux  »liens » je n’ai remarqué aucun encadré au clic.

    Il ne sont présents plus que dans la barre de menu mais ce n’est pas du tout un problème.

    Énorme merci pour votre aide

    Bertrand

    #2413317
    ferman
    Participant
    Maître WordPress
    5242 contributions

    Il ne sont présents plus que dans la barre de menu mais ce n’est pas du tout un problème.

    Si vous voulez quand même changer, voici le code:

    .menu-item a:focus{outline:none!important;}

    #2413322
    Berty
    Participant
    Initié WordPress
    6 contributions

    J’ai intégré cette nouvelle ligne de code à la suite et en effet les encadrés ont disparu de la barre de menu.

    je met en PJ l’ensemble des lignes de code au cas où quelqu’un rencontrerait le même problème

    merci encore Ferman

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
11 sujets de 1 à 11 (sur un total de 11)
  • Vous devez être connecté pour répondre à ce sujet.