class CSS Circle appliqué à l'image d'introduction

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • class CSS Circle appliqué à l'image d'introduction

    Bonsoir,

    J'ai ajouté le code
    .circle {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    }

    dans user.css (template cassiopeia)

    Dans un article (onglet image et lien) j'ajoute la class de l'image = circle

    cela n'a pas d'effet

    par contre si j'ajoute cette même classe sur une image que j'intègre dans le corps d'un article cela à bien l'effet escompté

    J'ai surement loupé qq chose , merci de votre aide
    Excellent WE à toutes et à tous.
    JeFF

  • #2
    Bonjour
    Tu dois utiliser l'outil de développement de ton navigateur (F12 sous Firefox, sinon voir menu) pour retrouver la règle CSS prioritaire par rapport à la tienne. Eventuellement, tu peux tenter de rajouter "!important" dans tes règles css, mais pas sûr que ce soit suffisant.

    Commentaire


    • #3
      Merci Colnem30 pour ton retour, je vais essayé de regarder dans ce sens. J'avais déjà tenter avec 'inspecter" de Chrome mais j'avoue que je ne suis pas super à l'aise avec l'outil. Je fais mes premier pas avec le css. Bonne journée
      JeFF

      Commentaire


      • #4
        Bonjour Jeff,

        Un lien vers un site permettrait de mieux vous assister.

        Pascal
        If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

        Commentaire


        • #5
          Ci joint lien vers la page



          Cliquez sur l'image pour l'afficher en taille normale

Nom : class circle.jpg 
Affichages : 98 
Taille : 85,7 Ko 
ID : 2043336

          Merci de votre aide et n'oublie pas " A la sainte Emilie, avec Joomla développe sans torticolis"

          JeFF

          Commentaire


          • #6
            Bonjour,

            Il suffit de modifier la règle css en ligne 101 de user.css pour prendre en compte les 2 cas
            Code HTML:
            .circle, .circle img {
            border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
            -o-border-radius: 50% !important;
            }
            Jeff71 aime ceci.
            UP, le plugin universel à découvrir sur https//up.lomart.fr
            bgMax
            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

            Commentaire

            Annonce

            Réduire
            Aucune annonce pour le moment.

            Partenaire de l'association

            Réduire

            Hébergeur Web PlanetHoster
            Travaille ...
            X