Comment modifier le css d'un module

Réduire
Ce sujet est fermé.
X
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Comment modifier le css d'un module

    Bonjour tout le monde,

    J'ai acheté un template chez rockettheme, le Rt_osmosis.

    Tous me plais sur ce template sauf une chose.

    J'aimerai que la couleur de fond des modules soit transparente à 50%.

    POur mieux comprendre vous pouvez voir le site ici


    sur l'image le violet est en partie sur la photo. cela n'est pas dérangeant si le fond violet est légèrement transparent.

    Alors j'ai bien trouvé les fichier CSS mais je ne sais quoi et comment changer:

    Code:
    }
    
    .box1 {
    	.textColor(@accent-color1);
    	background: @accent-color1 ;
    	&.title1 {
    		.module-title {
    			.tintBackground (@accent-color1, 25%);
    			.textColor(@accent-color1);
    		}
    	}
    	a {
    		color: @white;
    		&:hover {
    			color: inherit;
    		}
    	}
    	[class*="readon"] {
    		.buttonStyleFlat(inherit, transparent, 3px) !important;
    		border: 2px solid;
    		&:hover {
    			.buttonStyleFlat(@white, @sidepanel-background, 3px) !important;
    			border: 2px solid @sidepanel-background;
    		}
    	}
    donc pouvez-vous m'aider?

    par avance merci beaucoup,

    seb.

  • #2
    Re : Comment modifier le css d'un module

    Salut
    De quels modules parles-tu ?
    Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

    Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

    Commentaire


    • #3
      Re : Comment modifier le css d'un module

      tu fixes la couleur ainsi : rgba(255, 0, 255, 0.5);

      W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
      Christophe
      http://www.webcrea.fr

      Commentaire


      • #4
        Re : Comment modifier le css d'un module

        salut,
        toffffe : c'est mes modules "Contenu personnalisé" dont le fond est en couleur opaque et que j'aimerai legèrement transparent.

        Webcrea : merci, même si cela je l'avais trouvé sur le net mais je ne sais pas où le mettre car je ne trouve pas "background-color". Peux-tu me dire ou le mettre exactement même si le choix de la couleur est fixe.

        en tout cas merci pour vos réponses rapides

        Commentaire


        • #5
          Re : Comment modifier le css d'un module

          Salut,

          A priori les css du template utilisé sont gérées avec des variables (less, bootstrap...). Bref, difficile à modifier si tu ne maitrises pas.
          Je serai toi, j'ajouterai la déclaration spécifique à ton module dans un fichier CSS ( à la fin).

          Je ne peux pas t'en dire plus sans visu sur le site.

          Ariane
          Ariane - webmaster
          Informatologue - 10 années d'expériences et toujours débutante

          Commentaire


          • #6
            Re : Comment modifier le css d'un module

            o-mulot : merci pour ta réponse. si je te donne le visu tu pourrai me dire comment faire?
            Je suis en cours d'apprentissage à joomla pour une petite asso qui démarre.

            Commentaire


            • #7
              Re : Comment modifier le css d'un module

              Oui; je peux essayer. Envoie moi en MP.
              Ariane - webmaster
              Informatologue - 10 années d'expériences et toujours débutante

              Commentaire


              • #8
                Re : Comment modifier le css d'un module

                ce n est pas un fichier css mais un fichier less.. tu as une autre methode pour modifier ce fichier.
                Le fichier css est le fichier resultat de la compilation de ton fichier less.
                Vu que c est gantry'il dispose d un compilateur less intégré.
                Donc la solution est dans le paramètrage du template, et non dans une modification de fichier css.

                Seconde solution
                ajoutes dans tes modules la classe suivante " modulet" (l espace devant est important) dans le paramet
                re suffixe de classe css
                normalement tu as un fichier custom.css
                dedans ajoutes ceci:
                .box1, .box2, .box3, .box4, .box5, .modulet {opacity:50%;}/* valeur à ajuster */
                Dernière édition par lefabdu51 à 08/09/2014, 10h31

                Commentaire

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire

                Hébergeur Web PlanetHoster
                Travaille ...
                X