Questions CSS

[WillFrite]

Salut à tous, voilà, je voudrais personnaliser les couleurs de ma boutique, mais plutôt que je changer les couleurs à chaque ligne, je voudrais savoir si quelqu'un peut me dire comment faire pour modifier la couleur à la base. 

Je ne sais pas si c'est très clair, grossomodo, je veux que tous les modules par exemple, soient de la même couleur, automatiquement, pour que lorsque j'ajoute un module, il soit de la couleur adaptée au thème. (peut être mieux formulé comme ça.)

 

Merci d'avance!

[DeyDDy]

Salut WillFrite,

 

Tu part sur le thème de base?

[WillFrite]

Salut,

 

Et bien en fait, je pars du thème de base, et je veux le changer un petit peu, changer les couleurs de fond, des modules, et des boutons, en somme essayer de créer un thème perso.

[DeyDDy]

Alors tu peut effectivement modifier sur une ligne les couleurs et commencer par la

 

par exemple l'entête des blocs existe déjà sur le thème par défaut dans ton global.css

.block .title_block, .block h4 {
		padding:6px 11px;
		font-size:12px;
		color:#fff;
		text-shadow:0 1px 0 #000;
		text-transform:uppercase;
		background:#383838;
		text-align:left;
		font-weight: bold;
	}

pour le fond des blocs qui lui n'a pas de couleur sur le thème par défaut 

il faut lui mettre un background

.block {background:#fff;margin-bottom:20px}

Edited November 27, 2013 by DeyDDy (see edit history)

[WillFrite]

pour le block back ground je peux mettre la ligne entre ça non?

 

.block {margin-bottom:20px}

#footer .block {margin-bottom:0}

[WillFrite]

Ah et autre question, en faisant cette manip, peut importe la page, que ce soit panier, recherche etc... les couleurs seront automatiquement modifiées?

[WillFrite]

C'est bon ça marche, simplement le background des block a un problème, pour les modules, c'est ok, simplement j'ai ma catégorie mon compte en bas qui prends la couleur du background block, alors que les autres ont gardé la couleur de base

[DeyDDy]

il faut que ce soit mis entre les 2 { } comme je te l'ai dit plus haut dans mon exemple

 

Pour que les modifications soit pris en charge il faut forcer la compilation et désactiver le cache 

dans Paramètre avancés > Performances

[DeyDDy]

C'est bon ça marche, simplement le background des block a un problème, pour les modules, c'est ok, simplement j'ai ma catégorie mon compte en bas qui prends la couleur du background block, alors que les autres ont gardé la couleur de base

 

Oui c'est normal 

ajoute à la ligne vers la ligne 600 un background:none;

#footer .myaccount {background:none;padding: 15px 10px}

[WillFrite]

La modification est bien prise en compte, quand je navigue sur la boutique tout va bien, les couleurs s'applique à chaque block.

Le footer a gardé sa couleur standard (ce que je voulais) sauf la catégorie "Mon Compte" qui a pris les couleurs du block background

Merci, je vais voir, et désolé pour le post en trop!

[WillFrite]

Problème résolu! merci beaucoup de m'avoir accordé du temps!!