Modification css dans module

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

  • [RÉGLÉ] Modification css dans module

    Bonjour,
    Pour la couleur de fond de mes modules j'ai crée une classe que j'affecte dans la partie "suffixe de classe CSS"du module.
    Code:
    .fond1{
    background-color : rgb(231,240,247);
       -webkit-box-shadow: -6px 27px 39px -29px rgba(9,76,128,1);
       -moz-box-shadow: -6px 27px 39px -29px rgba(9,76,128,1);
        box-shadow: -6px 27px 39px -29px rgba(9,76,128,1);
       border: 1px solid #e0edf7;
       border-radius: 15px;
        margin-right:0;
        padding-top: 6px;
        }
    Sur les modules articles et liens clubs , l'ombre du bas est un peu trop haute elle chevauche avec le contenu.
    Je n'arrive pas a décaler. J'ai essayé avec des z-index sur les classes sans résultats. Je n'ai pas trop de connaissance en CSS.

    Un site d'information sur la pétanque en rhône alpes


    Dernière édition par WROOM à 22/09/2019, 07h21
    https://www.michel-pilato.fr

  • #2
    Vous pouvez ajouter un "padding-bottom: 15px;" pour ajouter un peu d'espace au bas du menu.
    Personnellement, j'ajouterais aussi un "list-style: none;" pour enlever les "points" devant chaque menu dans la liste et aussi un "padding-left: 15px !important;" pour laisser un peu d'espace sur la gauche.​​​​​
    Tous les services pour les sites Joomla! : sécurité, nettoyage de sites piratés, hébergement, SEO, applications Fabrik, migration, compatibilité mobiles, accessibilité, ...
    Administrateur certifié Joomla! 3
    https://www.betterweb.fr

    Commentaire


    • #3
      Bonjour,
      J'ai rajouté le paddin-bottom:15px; et ça ne va pas.J'ai laissé ce code pour que vous voyez.
      J'ai essayé avec la classe du module "articles" #Mod90{} et là c'est parfait
      Code:
      #Mod90{
          background-color : rgb(231,240,247);
         -webkit-box-shadow: -6px 27px 39px -29px rgba(9,76,128,1);
         -moz-box-shadow: -6px 27px 39px -29px rgba(9,76,128,1);
          box-shadow: -6px 27px 39px -29px rgba(9,76,128,1);
         border: 1px solid #e0edf7;
         border-radius: 15px;
          margin-right:0;
          padding-top: 6px;
          padding-bottom: 15px;    
              }

      https://www.michel-pilato.fr

      Commentaire

      Annonce

      Réduire
      Aucune annonce pour le moment.

      Partenaire de l'association

      Réduire

      Hébergeur Web PlanetHoster
      Travaille ...
      X