Jump to content
  • 0
lina007

[RESOLU] Comment changer la couleur du fond de la 1ere page du site ?

Question

13 answers to this question

Recommended Posts

  • 0

Hi Lina,

themes/<your theme folder>/css/global.css

(PS version 1.5.3.1, line 10: Change the red number.

html{color: #333;background:#FFF;}

 

 

PS. There is a french forum here:

http://www.prestashop.com/forums/index.php?/forum/18-forum-francophone/

 

Your question would best fit here :

http://www.prestashop.com/forums/index.php?/forum/73-conception-de-themes-integration/

 

Hope this helps,

Pascal

Share this post


Link to post
Share on other sites
  • 0

Merci pour ces infos mais ça ne risque pas "d ecraser mon modele" actuel ??

Je veux changer le graphisme de ma page mais j ai peur ....

Share this post


Link to post
Share on other sites
  • 0

(Sorry, my French is terrible)

This suggested change will change the basic colour of your text. everywhere where NO text-colour changes are indicated, this colour will be used. Everywhere where other text colour IS indicated, it will overwrite this basic colour and use that new colour.

Share this post


Link to post
Share on other sites
  • 0

Cette personne t'explique qu'il te faut éditer le global.css dans le dossier theme/lenomdetontheme/

Pour ce faire importe le global.css sur ton pc/max/unix, et comme tu est frileux pour la manoeuvre, renomme le en old_global.css puis envois le toujours en FTP.

La tu as donc une sauvegarde de ton global.css, tu n'a plus besoin d'avoir peur :)

Apres tu renommes ton old_global.css (ta sauvegarde) en global.css, donc en local, ta sauvegarde est sur le serveur.

Ensuite, notre ami PascaIVG, t'indique d'edité ce fameux fichier pour en changer la ligne :

html{color: #333;background:#FFF;}

ou #FFF represente ta couleur de fond.

Share this post


Link to post
Share on other sites
  • 0

pour changer uniquement la page d'accueil, ajouter cette ligne dans votre global.css et modifier la couleur du background ou ajouter une image:

html #index {color:#000;background:#000;}

ajout d'une image à la place de la couleur:

background:url("../img/monimage.jpg") no-repeat top center fixed;

en mettant l'image dans votre dossier img du thème

Share this post


Link to post
Share on other sites
  • 0

Merci pour le tuyau, super !

J'ai modifié la couleur de ma boutique, le résultat est correct (et correspond à la charte graphique du site principal)

J'ai aussi essayé d'ajouter une image en background, avec Repeat, mais le résultat n'était pas au top (confus, touffu !).

Alors, j'ai trouvé une solution sur le forum anglais :

modifier la couleur du background central et ajouter une image en Repeat sur les côtés.

 

Exemple de global.css

.

body {

background-color: #F5F5C2;

background:url("../img/Images_background.jpg") ;

background-repeat: repeat;

background-attachment: scroll;

font-size: 11px;

font-family: Verdana, Arial, Helvetica, Sans-Serif;

color: #5d717e;

text-align: center

}

.

/* global layout */

#page {

background-color: #F5F5C2;

width: 980px;

margin: 0 auto 2px auto;

text-align: left

}

 

Au service de tous !

Share this post


Link to post
Share on other sites
  • 0

Bonjour à tous,

Je souhaite également apporter des modification de couleurs sur ma HP.

Je souhaiterais notamment changer la couleurs du fond où il y a mon logo. or quand je lance une recherche sur le mot clef Logo dans global css je ne tombe que sur les logos de paiement.

Si quelqu'un pouvait m'aider...

Share this post


Link to post
Share on other sites
  • 0

Bonjour,

 

J'ai un souci avec le téléchargement d'une nouvelle image de fond mais ce la ne fonctionne pas et je ne trouve pas de solution, j'ai donc mis l'image de fond dans le dossier img du thème puis j'ai changé le dossier global.css comme ceci

 

en ligne 5257

.columns-container {
 background-image:url(../img/fond.jpg);
 background-position:top-center;
 background-repeat:no-repeat;
 background-size:100%
}

 


 

et rien ne se passe, que dois-je faire ?

 

Je suis sous presta 1.6.0.9

 

et l'adresse de mon site est celle-ci : www.votretendance.com

 

Merci d'avance pour vos réponses.

 

Audrey

Share this post


Link to post
Share on other sites
  • 0

Modifier le couleur de fond des catégories :

 

Trouver votre fichier css dans votre ftp, (pour ceux qui utilisent le théme par défaut de la version 1.6...):

 

racine_de_votre_ftp/themes/default-bootstrap/css

 

trouver maintenant le fichier "category.css" créer une copie de ce fichier avant de le modifier, pour le garder en sécurité.

 

Ouvrez le fichier category.css à l'aide de notepad++ et chercher les lignes suivantes en tout début de code:

/* ************************************************************************************************
								Categories Page Styles
************************************************************************************************ */
.content_scene_cat {
  border-top: 5px solid #333;
  color: #d7d7d7;
  line-height: 19px;
  margin: 0 0 26px 0; }
  .content_scene_cat .content_scene_cat_bg {
    padding: 18px 10px 10px 42px;
    background-color: #ffffff !important; } 

A la ligne 11 du code représentée ici par " background-color: #ffffff !important; }" la couleur ici choisie est le blanc par le code #fffff, il ne vous suffit plus qu'à choisir un code couleur qui vous convient en remplaçant #fffff par autre chose du style #C4C4C4.

 

Sauvegardez votre fichier sous "category.css" et envoyez le sur votre ftp, au même endroit ou vous l'avez initialement télécharger.

 

Bon courage à tous,

 

Jean Marc

Share this post


Link to post
Share on other sites
  • 0
Guest Jeannedavid   
Guest Jeannedavid

Bonjour

 

J'ai créer un thème à partir du default-boostrap, et je voudrais le modifier.

 

mais il n'apparait pas dans le FTP

 

 

Prestashop 1.6.1.3

 

Merci pour votre aide

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×