Jump to content

[Résolu] Changer la couleur blanche


Recommended Posts

Bonsoir,

je voudrai changer la couleur blanche du fond de toutes mes pages sur prestashop 1.5.1.0 ,le théme défault,esceque c'est possible?

j'ai éssayer sur le global.css du théme défault dans mon gestionnaire de fichier cpanel mais ça ne fonctionne pas,si il y à une solution,merci d'avance pour votre réponse.

je vous joint un fichier pdf de tout le global.css du théme défault.

cordialement.

global.pdf

Edited by philate86 (see edit history)
Link to comment
Share on other sites

Bonjour

 

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:#fff << là vous mettez en notation html la couleur souhaitez pour tous le fond de l'écran

}

 

#page { background: #ed254 } Là pour le fond de la page

Link to comment
Share on other sites

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:l#ffdead

}

 

seulement une fois #ffdead pour tout le fond d'écran

 

#page { background: #ffdead } si c'est que pour la page centrale

 

soit en body ou soit en page pas les deux à la fois

Link to comment
Share on other sites

bonsoir,

j'ai fait correctement les modifs,mais ça ne fonctionne pas!

je me demande si j'ai fait les modifs au bon endroit!

es ce bien,sur le cpanel,gestionnaire de fichiers, Répertoire Web principal (public_html/www),

text-css.png

/public_html/themes/default/css/global.css,qui faut faire les modifs pour changer la couleur de fond de toutes mes pages!

merci d'avance pour vos réponses qui j'éspére va fonctionner enfin.

cordialement.

Link to comment
Share on other sites

Bonjour

 

C'est dans le global.css du thème. Videz le cache de votre navigateur.

 

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:#000 << là c'est pour changer la couleur du fond entier

}

 

ET Dans

 

#page { }

 

#page {

background-color: aqua; <<< ajouter ceci en mettant votre couleur a la place de aqua

}

 

page c'est uniquement le bloc principal ou se trouve les colonnes de gauche milieu et droite.

 

Donc soit en body ou en page, ou une couleur en body et une autre couleur en page

Link to comment
Share on other sites

esceque c'est comme cela

 

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:#fff<<html#ffdead Si vous avez ajouter simplement <<html#ffdead Normal que ça fonctionne pas c'est un exemple il faut mettre votre couleur à la place du #fff

}

 

#page { background: #ed254 }#ffdead ça non plus ça donne rien et le ffdead est juste un exemple

Link to comment
Share on other sites

Bonsoir oron,

merci pour le cou de main,

éffectivement je n'avais pas suprimer les cookie et le cache,c'est sur que je pouvai faire 50 modifs le résultat aurrais éter le méme.

bonne soirée

cordialement.

 

Bonjour,

 

il suffit de faire F5 ou ctrl+F5 pour rafraichir la page et que les modification CSS soient prise en compte.

Link to comment
Share on other sites

  • 1 month later...

Bonjour à tous,

j'ai le meme probleme que le 1er post,

je souhaiterais changer le fond blanc du theme par defaut de la version 1.5 par une image mais je ne sais comment faire.

 

j'ai deja reussi sur d'autre theme disposant deja d'une image de fond mais la, je bloque.

 

Merci d'avance pour votre aide

 

@+

Link to comment
Share on other sites

Bonjour à tous,

j'ai le meme probleme que le 1er post,

je souhaiterais changer le fond blanc du theme par defaut de la version 1.5 par une image mais je ne sais comment faire.

 

j'ai deja reussi sur d'autre theme disposant deja d'une image de fond mais la, je bloque.

 

Merci d'avance pour votre aide

 

@+

 

Bonjour

 

Relisez le post #8 c'est expliquer à moins que vous ne comprenez pas l'explication.

En générale si un post est résolu il y a 90% de chance que la solution se trouve dans le post.

Link to comment
Share on other sites

Bonjour

 

Voilà pour l'image : background: url('../img/sitemap-top.gif') no-repeat -1px -3px;

 

no-repeat ou repeat tout cela dépend de la taille de l'image,

 

1° no-repeat elle ne se répète pas dans la plupart des cas quand l'image est assez grande pour occuper tout le fond ou une partie du fond.

 

2° repeat c'est quand l'image est de taille plus petite que le fond, souvent c'est utilisé quand on veut mettre un fond avec plusieurs couleurs on crée un bandeau de x taille, afin qu'on vois une image unique.

 

-1px -3px c'est l'espace a partir du bord gauche et du bord haut, a voir selon votre image et la position de l'image.

 

../img/sitemap-top.gif << ceci est un chemin d'url relatif

 

http://www.mondomaine.com/img/sitemap-top.gif << ce ci est le chemin d'url en dur soit à partir de votre domaine ou soit à partir d'un autre domaine (sous réserve d'autorisation).

Link to comment
Share on other sites

Hello,

c'est de nouveau moi

bah non, malheureusement cela ne fonctionne toujours pas

voici mon code dans theme, css , global :

ligne 2

background: #000000 url(../img/fondcallebaut.jpg) no-repeat -1px -3px;

 

comme je l'ai dit dans mon 1er post, lorsqu'un theme a deja un fond, j'arrive a le changer facilement mais la depuis une page blanche ... je bug

 

De plus si tu peux m'aider également sur un autre post

je voudrais changer la couleur du footer. j'y arrive via firebug et il m'indique la ligne 553 dans css global, or mon fichier css global ne va que jusqu'a la ligne 53 ... ???

 

Merci d'avance a vous et a Oron

Link to comment
Share on other sites

Bonjour

 

body{

font: normal 11px/14px Arial, Verdana, sans-serif;

color: #222;

background: #000000 url(../img/fondcallebaut.jpg) no-repeat -1px -3px;

}

(Attention après color:#222; << il faut le point virgule qui est régulièrement oublier ou omis.

 

Est-ce que vous l'avez mis comme ci-dessus ou simplement comme ci-dessous ?

 

background: #000000 url(../img/fondcallebaut.jpg) no-repeat -1px -3px;

 

si vous l'avez mis simplement comme ça normal que ça fonctionne pas.

 

Vous avez vider le cache de votre navigateur ?

 

De plus si tu peux m'aider également sur un autre post

je voudrais changer la couleur du footer. j'y arrive via firebug et il m'indique la ligne 553 dans css global, or mon fichier css global ne va que jusqu'a la ligne 53 ... ???

 

il y a plus de 2000 lignes dans le global.css et le footer est bien à la ligne 553.

 

Si votre global.css à que 53 lignes votre site doit être tout désorganiser ?

A moins que tous soit sur une ligne et qui fasse 5km de long ?

Edited by Oron (see edit history)
Link to comment
Share on other sites

Chercher dans le global css la ligne 553 #footer {}

et changer la couleur si votre fond est noir dans le footer vous devez trouvez

 

#footer { background-color: #000 }

remplacer les 0 par F

à moins que vous avez une image dans ce cas supprimer la ligne de l'image et mettez background-color : #FFF;

Link to comment
Share on other sites

Il y a seulement les images, j'avais ajouté du texte dessous, mais il n'est plus visible, est-ce ma page qui est trop "courte" ? J'ai installé le footer prestalove

 

Il suffit d'ajouter dans le css prestaloveeasyfooter.css qui se trpouve dans le dossier css dans le dossier module dans /modules/

 

Ligne 51 ajouter color: #000000; (chiffre zéro pas la lettre Ô et un point virgule à la fin de la ligne)

 

 

.block-custom-html p {

color: #000000;

margin-bottom: 15px;

}

 

mini_6823442012120214h2338.png

Edited by Oron (see edit history)
Link to comment
Share on other sites

Génial, merci. Mais quel rapport avec la couleur ?? Jamais j'aurai deviné qu'il fallait rajouter ça

 

Logiquement avec un fond noir la couleur des caractères est blanche.

la couleur on peut la régler par défaut donc tous les caractères auront la même couleur.

Ou il faut les régler suivant l'éléments dans lesquel ils sont.

 

La couleur c'est comme les antibiotiques ce n'est pas automatique :)

Link to comment
Share on other sites

Merci Oron,

 

pour le background, j'vais essayer ça des ce soir.

 

en ce qui concerne le ligne footer dans global css, effectivement, mes lignes font 5km de long ...

prestashop est installé en local avec wamp, ptet que c'est le pourquoi du comment.

 

Encore merci

 

@+

Link to comment
Share on other sites

Merci Oron,

 

pour le background, j'vais essayer ça des ce soir.

 

en ce qui concerne le ligne footer dans global css, effectivement, mes lignes font 5km de long ...

prestashop est installé en local avec wamp, ptet que c'est le pourquoi du comment.

 

Encore merci

 

@+

 

Bonjour

 

Oui si on ouvre avec le bloc note c'est tout en longueur, il faut utiliser soit Notepad++ il est gratuit

ou Top style lite3 qui est aussi gratuit.

Dans ces programmes ça va s'afficher verticalement ligne par ligne.

Link to comment
Share on other sites

Merci pour le tuyau de notepad++,

je n'avais jamais pensé a regarder si il y avait une alternative au block note de windows

 

il est tres sympa et j'ai pu effectivement trouver la ligne 553 et ainsi modifier la couleur.

 

Par contre je bug tjr concernant le background.

j'ai 2 ligne body,

ligne 11

et ligne 58

 

et lorsque l'image que j'ai choisi apparaît enfin, elle rempli tout l’écran or je souhaiterais que le centre du site reste blanc

 

Ps : Promis, dernière fois que je t’embête :unsure: enfin su ce sujet ;)

Link to comment
Share on other sites

Merci pour le tuyau de notepad++,

je n'avais jamais pensé a regarder si il y avait une alternative au block note de windows

 

il est tres sympa et j'ai pu effectivement trouver la ligne 553 et ainsi modifier la couleur.

 

Par contre je bug tjr concernant le background.

j'ai 2 ligne body,

ligne 11

et ligne 58

 

et lorsque l'image que j'ai choisi apparaît enfin, elle rempli tout l’écran or je souhaiterais que le centre du site reste blanc

 

 

 

Bonjour

 

Body à la ligne 53 ou 58 chez vous,c'est pour l'écran complet.

 

Pour avoir uniquement la colonne de gauche la colonne centrale et la colonne de droite c'est :

ligne 41 #page

 

uniquement la colonne centrale c'est ligne 45 #center_column.

 

Ps : Promis, dernière fois que je t’embête :unsure: enfin su ce sujet ;)

 

donnez moi votre adresse j'envois la facture a prestashop :lol:

Edited by Oron (see edit history)
Link to comment
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
×
×
  • Create New...