[RÉGLÉ] couleur fond article protostar

[hubertjean]

Bonjour
J'utilise
Joomla 3 2
template protostar
Bgmax
J'ai une image en fond avec BGmax
Avec le template protostar en statique mon fond de page et blanc comme je le souhaite, par contre en fluide il est transparent et on voit les images en dessous des textes, je le voudrais blanc comme en statique, je n'arrive pas à régler ce problème, je vous ai mis deux image pour vous montrer.

Je vous remercie de votre aide

[webcrea]

Re : couleur fond article protostar

il faut que tu forces le fonds de la div contenant le texte avec
background-color:rgb(255,255,255);

[hubertjean]

Re : couleur fond article protostar

il faut que tu forces le fonds de la div contenant le texte avec
background-color:rgb(255,255,255);

Merci de t'interesser à mon problème
Peut tu être plus précis

[webcrea]

Re : couleur fond article protostar

sur le front, clic-droit et "Examiner l'élément" sur l'élément dont tu veux connaître les définition de style...

A droite tu auras l'emplacement de la css à modifier et les styles appliqués

Tu n'as plus qu'à retrouver le fichier css et à modifier en dur la définition en ajoutant ce que j'ai écrit plus haut

[hubertjean]

Re : couleur fond article protostar

sur le front, clic-droit et "Examiner l'élément" sur l'élément dont tu veux connaître les définition de style...

A droite tu auras l'emplacement de la css à modifier et les styles appliqués

Tu n'as plus qu'à retrouver le fichier css et à modifier en dur la définition en ajoutant ce que j'ai écrit plus haut

Bonjour
En fait j'ai réussi à trouver avec firebug, j'avais essayé à maintes reprises mais je n'arrivais pas à cerner la ligne CSS
C'est à cet endroit pour le template fluide dans le fichier template css
ligne 335 .row-fluid [class*="span"] {
j'ai rajouté ceci:
background-color: rgb(255,255,255);
Je te remercie de ton aide

[lomart]

Re : couleur fond article protostar

Bonsoir,

Cette règle est dangereuse car elle redéfinie le fond de toutes les colonnes
Il faut mieux ajouter cette règle qui ne fait qu'étendre la propriété fond aux mise en page fluide
.body .container-fluid {

background-color: #FFFFFF;
}

Mais cela ne fera que réparer une modification du template Protostar (ou des paramètres bgmax) car d'origine, il y a un fond blanc en fluide. Voir ligne 94 de less/template.less
body.site.fluid{ background-color: #ffffff; }

PS. Je ne vois pas l'intérêt de bgmax avec une mise en page fluide!

[hubertjean]

Re : couleur fond article protostar

Bonjour
J'utilise BgMax en mode fluide pour insérer une image en repeat X et Y sous les articles et les modules comme la capture ci-desssous qui me donne ce que je cherche.

Par ailleurs j'ai fait la modification comme tu le préconise soit supprimer le background-color rajouté à la ligne 335 du template css
et rajouter la règle .body .container-fluid {background-color: #FFFFFF;} à la fin du fichier template css mais par contre cela me met bien le corps de l'article en blanc mais aussi la colonne right que j'utilise, regarde la capture ci-dessous

Qu'en pense tu?
J'ai vérifié la ligne 94 de less template css le background-color y est bien mais cela me laisse le body de l'article transparent comme la capture ci-dessous

[lomart]

Re : couleur fond article protostar

pièces joints non visibles

Dans ce cas, il faut ajouter des classes dans l'index.php de protostar pour pouvoir les cibler en CSS

[hubertjean]

Re : couleur fond article protostar

Bonjour
Pour une meilleur compréhension, j'ai modifié mon message précédent en rajoutant les captures d'écran non visibles
Cordialement

[lefabdu51]

Re : couleur fond article protostar

essaye en ajoutant ceci en fin du fichier template.css :
#content {background : FFF; }

[hubertjean]

Re : couleur fond article protostar

Bonjour
Cela fonctionne comme je le souhaite, copie d'écran ci-dessous avec fond d'article blanc.


Qu'en pense Lomart?
Cordialement

[lomart]

Re : couleur fond article protostar

Qu'en pense Lomart?

C'est parfait.
Je ne suis pas utilisateur de Protostar et je n'avais pas vu que les blocs centraux étaient en id et non en class

[hubertjean]

Re : couleur fond article protostar

Merci à tous, le forum est toujours aussi efficace, je passe la discussion en réglé