[RESOLU] Comment changer la couleur du fond de la 1ere page du site ? - Conception de thèmes / Intégration - PrestaShop

Jump to content

Photo

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

#1

Posted 22 April 2013 - 04:05 PM

lina007

    PrestaShop Apprentice

  • Members
  • PipPip
  • 74 Active Posts
bonjour, changer la couleur du fond de la 1ere page du site ?
Comment faire ?
merci pour votre aide

#2

Posted 22 April 2013 - 04:56 PM

PascalVG

    PrestaShop Fanatic

  • US Moderators
  • 3703 Active Posts
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.prestasho...um-francophone/

Your question would best fit here :
http://www.prestasho...es-integration/

Hope this helps,
Pascal
How to add [SOLVED]: press "Edit" at original Q, press "Use Full Editor" and edit the header line. Voilá!
Please, always add your PS version and Link to your site.
Please, always tell/add the final solution working for your problem, so others can re-use it :-)

#3

Posted 22 April 2013 - 05:16 PM

lina007

    PrestaShop Apprentice

  • Members
  • PipPip
  • 74 Active Posts
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 ....

#4

Posted 22 April 2013 - 06:37 PM

PascalVG

    PrestaShop Fanatic

  • US Moderators
  • 3703 Active Posts
(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.
How to add [SOLVED]: press "Edit" at original Q, press "Use Full Editor" and edit the header line. Voilá!
Please, always add your PS version and Link to your site.
Please, always tell/add the final solution working for your problem, so others can re-use it :-)

#5

Posted 22 April 2013 - 09:51 PM

2FR3

    PrestaShop Fanatic

  • Modérateurs
  • 1897 Active Posts
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.

2FR3 est une EURL (802163964 RCS Troyes) proposant tous types de services sur Prestashop et Wordpress.

Bénévole sur le forum public Prestashop, commerciale en messagerie privée

Règles du forum


#6

Posted 23 April 2013 - 09:25 AM

Bondaty and Co

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 1561 Active Posts
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

signature-presta-magicposte.jpg
Agence Bondaty & Co - support@bondaty-and-co.fr


#7

Posted 23 April 2013 - 09:32 AM

PascalVG

    PrestaShop Fanatic

  • US Moderators
  • 3703 Active Posts
Merci 2FR3 For your translation :-)
How to add [SOLVED]: press "Edit" at original Q, press "Use Full Editor" and edit the header line. Voilá!
Please, always add your PS version and Link to your site.
Please, always tell/add the final solution working for your problem, so others can re-use it :-)

#8

Posted 23 April 2013 - 10:31 AM

lina007

    PrestaShop Apprentice

  • Members
  • PipPip
  • 74 Active Posts
merci :unsure:

#9

Posted 23 April 2013 - 10:42 AM

Bondaty and Co

    PrestaShop Fanatic

  • Members
  • PipPipPipPip
  • 1561 Active Posts
Merci de mettre votre post en [RESOLU]

signature-presta-magicposte.jpg
Agence Bondaty & Co - support@bondaty-and-co.fr


#10

Posted 17 June 2013 - 01:23 PM

elpee

    PrestaShop Newbie

  • Members
  • Pip
  • 12 Active Posts
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 !

#11

Posted 25 August 2013 - 04:41 PM

alexchoquet

    PrestaShop Newbie

  • Members
  • Pip
  • 2 Active Posts
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...

#12

Posted 04 January 2015 - 10:25 AM

Votre Tendance

    PrestaShop Newbie

  • Members
  • Pip
  • 16 Active Posts

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



#13

Posted 22 May 2015 - 07:03 AM

jmmeuret

    PrestaShop Newbie

  • Members
  • Pip
  • 7 Active Posts

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




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cookies help us deliver our services. By using our services, you agree to use our cookies.     Learn more