Changer l'arrière plan de tout mes modules ?

[vir69]

Bonjour,

Voilà mon probème : je souhaite modifier l'arrière plan (le background) de tout mes modules (catégorie, information, newsletter, fabricants etc ....)
J'ai réussi à modifier le module "catégorie" mais impossible de trouver comment changer mes autres modules (je précise que je suis novice en informatique !)
pffff ca fait déjà plusieurs jours que je suis dessus et comme je suis pressée d'en fini (pour passer à un autre problème, euh oui j'en ai plusieurs...) je viens vers vous en espérant trouver une personne qui pourrai me donner LA solution.
Merci d'avance pour votre aide.

Virginie

Je vous met le lien de mon site pour voir "le problème" :
http://www.bebe-en-bio.com/

[vir69]

Re bonjour tout le monde et bonne année !!


En ce qui concerne mon "problème", j'ai modifié la couleur (f6f1ce) mais la couleur ne remplie pas tout le module et même certains modules n'ont pas du tout la couleur (ils restent gris), je vous met l'endroit que j'ai modifié, j'ai lu dans les autres post qu'il fallait modifier l'image mais comment faire ??

div.block .block_content {
border-left: 1px #d0d3d8;
border-right: 1px #d0d3d8;
padding:0.5em 0.7em 0pt;
background: #f6f1ce url('../img/block_bg.jpg') repeat-x bottom left;
min-height:20px;


Merci pour votre aide.
Virginie

[Jacques Biais]

Bonjour,
Les blocks utilisent en général une image + une couleur de fond (ils ont une hauteur variable en fonction du contenu). Il faut donc modifier l'image correspondante dans le dossier "img" du thème.

div.block .block_content { border-left: 1px #d0d3d8; border-right: 1px #d0d3d8; padding:0.5em 0.7em 0pt; background: #f6f1ce url(’../img/block_bg.jpg’) repeat-x bottom left; min-height:20px;

Dans ton cas on voit bien que l'image que tu cherches est: url(’../img/block_bg.jpg’)

Le meilleur moyen de retrouver facilement les blocks sur lesquels on souhaite apporter des modifs est l'utilisation de FireBug.

[vir69]

merci pour la réponse mais comment faire pour justement modifier cette image ? est-ce que je dois la supprimer ?

[mks]

Remplace par les choses suivantes dans ton fichier global.css :

div.block .block_content {
background: #F6F1CE;
....

[vir69]

Donc je laisse la ligne comme ça (en supprimant le chemin de l'url) ??

div.block .block_content { border-left: 1px #d0d3d8; border-right: 1px #d0d3d8; padding:0.5em 0.7em 0pt; background: #f6f1ce ;

[mks]

Exactement cela.

[vir69]

ok merciii beaucoup, ça marche, par contre , j'ai 3 modules sur la colonne de gauche qui restent gris ainsi que le module produit phares au centre de ma page ....
http://www.bebe-en-bio.com/

Il faut que je modifie encore le css mais où ??

[mks]

Effectivement, de nouvelle modifications sont à effectuer dans le CSS.

pour les produits phares:

#center_column .products_block ul li {
background-color:#F6F1CE;

Quelles sont les colonnes de gauche qui ne conviennent pas?

[vir69]

Merci pour l'info.

les 3 modules de droite à changer sont "Réduction" "Rechercher" et "Panier".

[mks]

Ok...voici donc la manipulation sur le fichier CSS;
Concernant ces 3 blocks:

div.exclusive .block_content {
background:#F6F1CE;
border-left:1px solid #595A5E;
border-right:1px solid #595A5E;
padding:0.4em;
border-bottom:1px solid #595A5E;
}

On enlève ensuite la partie basse des blocks. On laisse donc la chose suivante:

#left_column div.block, #right_column div.block {
padding-bottom:6px;
}

On supprimer totalement:

#left_column div.exclusive, #right_column div.exclusive {
}

[vir69]

Alors c'est bon pour la page centrale (produits phares) par contre pour ma colonne de droite j'ai cela :

div.exclusive h4 a { color: white; }
div.exclusive li { margin-top: 0; }
div.exclusive, div.exclusive a { color: white; }
div.exclusive .block_content {
background: #f6f1ce url('../img/block_exclusive_bg.jpg') repeat-x bottom left;
border-left: 1px solid #595a5e;
border-right: 1px solid #595a5e;
}

j'ai juste modifier la couleur et rien supprimer (aucun effet)...suis-je au bon endroit ?

[mks]

La premier balise est bien celle-ci pour la première modf.:

div.exclusive .block_content { background: #f6f1ce url(’../img/block_exclusive_bg.jpg’) repeat-x bottom left; border-left: 1px solid #595a5e; border-right: 1px solid #595a5e;
}

Les deux autres parties à modifier ce situe un peu plus haut dans le Css.

[altantra]

Bonjour à tous, pour ce qui est de changer les arriere plan des module c'est cool mais pour changer leur formes et avoir quelque chose de plus fun ou alors avoir du menu horizontal en gardant les fonctionnalitées prestashop, avez vous une idée???