[Résolu] Changement de couleur des boutons

[Julien]

Bonjour,

Je viens demander de l'aide sur ce forum pour s'avoir comment l'on pouvait changer les couleurs du boutons s'abonner ( Du newsletter ) Et la couleur du panier ( Origine : Bleu j'aimerai le passer en orange ) du thème classic prestashop.

Merci de votre aide

Edited May 11, 2018 by Julien (see edit history)

[Ced17]

Bonsoir,

ajouter ceci a votre custom.css

.btn-primary{

     background-color: #votrecouleur;
}

.btn-primary:hover{
    
    background-color: #votrecouleur;

}

[Julien]

1 hour ago, Ced17 said:

Bonsoir,

ajouter ceci a votre custom.css

.btn-primary{

     background-color: #votrecouleur;
}

.btn-primary:hover{
    
    background-color: #votrecouleur;

}

Tout d'abord merci de te proposer pour m'aider, j'ai modifier le fichier puis j'ai vider le cache de mon ordinateur ainsi que celui de prestashop mais les boutons sont toujours bleu

[Ced17]

Je l'ai fait sur la version 1.7.3, et fonctionne. Avez-vous vidé le cache navigateur aussi.

[Julien]

J'ai bien vider mon cache, je suis peut-être condamné à rester en bleu

[Ced17]

Hum bizarre, condamné non, mais pour ce soir pour moi oui, je ne suis plus devant un ordi. Je verrai demain si vous n'avez pas encore trouvé.

Bonne soirée

[Julien]

D'accord, pas de soucis merci beaucoup!

[Julien]

J'ai réussi à changer les couleurs des butons avec un plugin change color, mais il me les contours des zones de recherches, avez-vous une idée ? Merci

[Ced17]

Bonjour, 

J'irai jeter un œil ce soir en rentrant, mais ce sera pas avant 22h.

Bonne journée

Edited May 6, 2018 by Ced17 (see edit history)

[Julien]

Je te remercie de vouloir m'aider, je viens redonner quelques nouvelles, j'ai réussie à changer la couleur de mes boutons grâce au plugin color change par RSI, le problème donc des boutons n'est plus d'actualité MAIS ... maintenant je cherche comment on change la couleur des contours " Rechercher " Bleu à l'origine et celle du Newsletter, ainsi que ceux dans l'espace de connexion du client.je joint des photos pour plus d'information. Merci et bonne journée:)

Edited May 6, 2018 by Julien (see edit history)

[Julien]

15 minutes ago, Ced17 said:

Bonjour, 

J'irai jeter un œil ce soir en rentrant, mais ce sera pas avant 22h.

Bonne journée

Pas de soucis, merci

[Ced17]

Bonsoir,

Normalement, avec ceci ça devrait le faire: à copier dans votre \themes\classic\assets\css\custom.css

.form-control:focus, .input-group.focus {
    outline: 2px solid #votrecouleur;
}

 

[Julien]

Après avoir vider les caches de mon ordinateur et celui du site, ça ne marche pas

[Ced17]

vous les mettez dans quel fichier?

[Julien]

Je met les codes dans le custom.css qui est dans le répertoire " /clickandbuilds/PrestaShop/Sud_discountshop/themes/classic/assets/css " je met le custom sur mon bureau, je l’édit avec notepad et je le réinjecte dans la racine en remplaçant bien sur l'ancien.

 

J'utilise filezilla.

[Ced17]

Je l'édit directement du FTP vers notepad puis le transfert directement. Mais votre méthode fais la même chose donc. Et comment avez vous réglé dans performance, le premier réglage : êtes vous sur "recompiler si les fichiers ont été modifiés ou mis à jour" si non, régler comme ceci vider tous les caches comme dab et réessayer.

[Julien]

Oui je les bien sur "recompiler si les fichiers ont été modifiés ou mis à jour" mais la phrase est en anglais alors que ma config de presta est en français je sais pas si c'est normal, sinon déjà essayer de vider le cache du site et de mon ordinateur idem.

Edited May 6, 2018 by Julien (see edit history)

[Ced17]

Le réglage est pas bon, il est sur never c'est celui du milieu qu'il faut mettre me semble car je ne suis plus connecté là. 

Désactiver votre cache également en même temps et sauvegarder. Ensuite, vider le cache prestashop puis réactiver votre cache . Je sais pas si c'est compréhensible ça fait beaucoup de cache ça

[Julien]

Ah pardon j'ai cru que c'était celui tout en bas, je vient de faire tous cela, ça était bien compréhensible t'inquiète pas  seulement ça ne marche toujours pas, j'ai mis compilation des templates sur : Recompile templates... j'ai désactiver le cache, enregistrer puis j'ai vider le cache puis j'ai réactiver le cache aucun changement

Edited May 6, 2018 by Julien (see edit history)

[Ced17]

Erf, ça devrait pourtant fonctionner, je ne comprends pas. Il y a peut être un autre cache côté serveur, à voir avec votre hébergeur. Sinon, désolé mais je ne vois pas du tout où es le soucis, car la même modif chez moi sur mon site test fonctionne. Je vais continuer demain à fouiner demain.

[Julien]

D'accord, vous prenez pas trop la tête non plus, comme hébergeur j'ai 1and1, je vais regarder cela de mon côté merci

[Ced17]

C'est plus fort que moi , j'aime bien comprendre pourquoi un truc normalement très simple ne fonctionne pas vous inquiétez pas.

[Julien]

Je suis pareil mais pas en partie logiciel uniquement matériel  Je viens de voir que ça les à bien modifier sur la page de connexion mais pas sur la newsletter et sur la recherche.

Edited May 7, 2018 by Julien (see edit history)

[Ced17]

Bonsoir,

Avez-vous réussi avec votre affichage de newsletter, sinon essayez de mettre ce code comme Dab pour modifier les bords de votre newsletter.

.block_newsletter form input[type=text]:focus{

border:2px solid #votrecouleur;

}

[Julien]

4 minutes ago, Ced17 said:

Bonsoir,

Avez-vous réussi avec votre affichage de newsletter, sinon essayez de mettre ce code comme Dab pour modifier les bords de votre newsletter.

.block_newsletter form input[type=text]:focus{

border:2px solid #votrecouleur;

}

Je n'avait pas trouver, ça a marcher pour la newsletter, tu aurait un code pour changer le contour du " Rechercher " ? 

Une autre question j'ai changer la position du newsletter, je les mis dans le footer mais j'aimerai qu'elle soit accrocher avec le reste de mon footer, je m'explique sur le " Screen ".. Merci

[Ced17]

Pour le contour de rechercher ajoute ceci:

.search-widget form input[type=text]:focus{outline:2px solid #votrecouleur;}
.search-widget form input[type=text]:focus+button .search{color:#votrecouleur;}
 

[Ced17]

Pas assez de place pour mettre le bloc a cet endroit, ou après il faut remanier le css , c'est beaucoup pour ça. Désolé

Vaut mieux le laisser dans displayfooterbefore c'est mieux.

Edited May 7, 2018 by Ced17 (see edit history)

[Julien]

28 minutes ago, Ced17 said:

Pour le contour de rechercher ajoute ceci:

.search-widget form input[type=text]:focus{outline:2px solid #votrecouleur;}
.search-widget form input[type=text]:focus+button .search{color:#votrecouleur;}
 

J'ai mis les deux lignes, mais ça ne marche pas même en vidant les caches

[Julien]

8 minutes ago, Ced17 said:

Pas assez de place pour mettre le bloc a cet endroit, ou après il faut remanier le css , c'est beaucoup pour ça. Désolé

Si j'enlève " Informations " il n'y aurait toujours pas de place?

[Ced17]

Erf, ça devrait aussi normalement fonctionner. je dois quitter je ne peut rien faire de plus désolé bonne soirée.

ps: et non même en enlevant informations, pas assez de place dans le container

Edited May 7, 2018 by Ced17 (see edit history)

[Ced17]

Bonsoir,

Avez-vous réussi avec ce bloc recherche?

[Julien]

4 hours ago, Ced17 said:

Bonsoir,

Avez-vous réussi avec ce bloc recherche?

Bonsoir, toujours pas, j'ai même pu observer que les contours précédents n'était pas bon, les deux couleurs se vois l'une sur l'autre, je vous met l'explication en screenshot.

[Ced17]

Bonjour,

Effectivement il faudrait remplacer outline par border dans le code donné précédemment.

[ngenot]

On 5/6/2018 at 11:28 PM, Julien said:

Je met les codes dans le custom.css qui est dans le répertoire " /clickandbuilds/PrestaShop/Sud_discountshop/themes/classic/assets/css " je met le custom sur mon bureau, je l’édit avec notepad et je le réinjecte dans la racine en remplaçant bien sur l'ancien.

 

J'utilise filezilla.

Vous ne modifiez pas le bon fichier dans bon répertoire, c'est pour cela que ça ne fonctionne pas.
Il faut modifier le custom.css dans le répertoire " /theme/classic/asset/css "

[Isilda]

Bonjour je m'excuse ...

Je viens vous demander de l'aide car j'ai le même soucis et malgrés le fait que j'ai indiqué le code css ... rien ne change.

J'ai inspecté le code, vérifié la couleur et je n'ai pas de résultant 😞

Pourriez-vous m'indiquer si l'emplacement dans lequel je fais les changements est juste?

Je vous remercie d'avance