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

[vagabondbzh]

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

http://www.rezidkar.com/

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:

}

.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.

[toffffe]

Re : Comment modifier le css d'un module

Salut
De quels modules parles-tu ?

[webcrea]

Re : Comment modifier le css d'un module

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

http://www.w3schools.com/cssref/css_colors_legal.asp

[vagabondbzh]

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

[o-mulot]

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

[vagabondbzh]

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.

[o-mulot]

Re : Comment modifier le css d'un module

Oui; je peux essayer. Envoie moi en MP.

[lefabdu51]

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 */