Probleme CSS (je ne trouve pas le contour de ce cadre) RESOLU

santinisantini Member
avril 2020 modifié dans Entraide

Bonjour les amis,

J'ai un petit souci apres avoir regarder le code source de la page et fouiner dans le css j'ai du passer a coter d'une ligne mais laquelle ?


Sur mon site il y a un petit cadre qui s'affiche dans la sidebar a droite, je voudrais que le contour de ce cadre soit de couleur noir et en 2 pixel d'épaisseur.

Pas de souci pour le code en question, le probleme est juste que je ne trouve pas la ligne concernant le contour de ce fameux cadre dans le css. (Theme point)

J'ai honte de ma demande car sa doit être vraiment simple :s

En vous remerciant

Réponses

  • bazooka07bazooka07 PluXml Lead Developer, Moderator
    avril 2020 modifié
    • Dans Firefox, taper sur la touche F12 pour ouvrir l'inspecteur de code.
    • A gauche dans la barre de menu, cliquer sur le carré percé par la flèche
    • avec la souris cliquer sur le rectangle noir de la page HTML
    • F12 pour afficher à nouveau l'inspecteur de code
    • decocher "background: #000000;
    • taper sur la touche Entrée
    • ajouter : "border: 2px solid #000"

    Et voilà :

    #s {
       width: 100%;
       border: 1px solid #E2E2E2;
       float: left;
       padding: 7px 0;
       height: 38px;
       text-indent: 10px;
       opacity: 1;
       font-size: 13px;
       color: #ffffff;
       border-radius: 0;
       transition: all 0.25s linear;
       /* background: #000000; */
       position: relative;
       z-index: 1;
       box-sizing: border-box;
       border: 2px solid #000;
    }
    

    #000000 se simplifie en #000 ( la paresse est un art, si si ! )

  • santinisantini Member
    avril 2020 modifié

    Ohhhh merci beaucoup je suis passer pleins de fois devant en plus^^ Mais cela ne va pas interférer avec la deuxième ligne ?

    Edit: du coup sa ne marche pas c'est bizarre, j'ai aussi essayer d'ajouter border-color mais rien

  • bazooka07bazooka07 PluXml Lead Developer, Moderator

    Oups, je ne l'avais pas vu la deuxième ligne.

    De toute façon c'est la dernière ligne qui fait la loi ( effet cascade du CSS )

    Tu peux remplacer la deuxième par celle que j'ai ajouté.

    L'emplacement dans le fichier CSS est très important.

  • Bon finalement j'ai réussie a trouver grâce a ta technique de recherche via le navigateur, en fet la ligne ce situe dans un autre fichier du dossier css dans "wp-review-tab-widget.css" , 3.eme ligne :D

    Merci

Connectez-vous ou Inscrivez-vous pour répondre.