les signes + et - dans quantité du produit sont invisible

[setsuna]

Bonjour, 

 

j'ai voulu modifier l'apparence de prestashop et pour cela dans le fichier global.css du theme par defaut j'ai changé la couleur du header.

Depuis les boutons + et - dans quantité du produit disparaissent

j'ai vu le topic precedent portant presque le même nom mais les options sont toutes à NON.

 

Une installation neuve de prestashop (fichier + base) ne changent rien au probleme.

 

ma seule modification pourtant et celle ci dans le fichier global.css à la ligne 5490 (du theme default-bootstrap)

 

header {
  z-index: 1;
  position: relative;
  background: #240f0c;
  padding-bottom: 15px; }

 

une modification de la couleur du header.

 

plusieurs navigateur : chrome, safari, firefox, sur mac.

mais j'ai la meme chose sur mobile et sur pc

je vous ai mis une capture d'ecran.

 

avez vous remarqué ce bug qui m'empeche de faire la moindre modification sur le design du template par defaut finalement. Pouvez vous faire le test svp.

 

Merci pour votre aide.

 

[setsuna]

Bonjour, 

je me permets de relancer le sujet

Cdlt

[Jean Francois G]

Sans savoir quel est le site, difficile de voir.. URL Du site svp ?

[setsuna]

Bonsoir , 

 

je n'ai rien fait de plus que changer la couleur du header comment se fait il que les bouton plus et moins du produit sont devenus invisible ?

il s'agit d'une installation neuve.

Merci

Edited June 28, 2015 by setsuna (see edit history)

[Jean Francois G]

Etrange, si je lis le source je vois ceci :

<i class="icon-plus"></i>

 

Il devrait y avoir le lien de l'icone + à cette ligne.

 

En la modifiant en

<i class="icon-plus">+</i>

 

J'ai bien le + dans la case..

 

Sans accès au FTP je ne peux pas en dire plus par contre..

[rem64]

Bonjour,

 

Vous avez un problème entre les lignes 4356 et 4359 de votre fichier global.css

 

Remplacer : 

.icon-plus:before {
  content: ""; }

.icon-minus:before {
  content: ""; }

Par :

.icon-plus:before {
  content: "\f067"; }

.icon-minus:before {
  content: "\f068"; }

Et votre problème devrait être résolu

 

Rémi

[Jean Francois G]

GG j'avais pourtant regardé les CSS, mais je l'avais pas vu celle la

[setsuna]

merci à vous pour votre aide

en effet en ouvrant le fichier css je n'ai aucune info dans presque tous mes guillements.

alors que dans le fichier d'origine en l'ouvrant sur dreamweaver ou komodo j'ai des caracteres bizarres et aucun code de type \f068

 

.icon-plus:before {
  content: ""; }

.icon-minus:before {
  content: ""; }

.icon-asterisk:before {
  content: ""; }

.icon-exclamation-circle:before, .icon-exclamation-sign:before {
  content: ""; }

.icon-gift:before {
  content: ""; }

.icon-leaf:before {
  content: ""; }

.icon-fire:before {
  content: ""; }

je pense que le probleme vient encore de mon MAC il ne doit pas reconnaitre les caracteres et les encode bizarrement.

 

il doit y avoir un souci avec l'encodage utf8 et mon mac 

j'ai d'ailleurs trouvé ce lien http://www.utf8icons.com/character/61543/UTF-8-character en tapant utf8 et \f067 sur google il m'affiche un carré

[Jean Francois G]

un simple traitement de texte ne suffit pas, il faut utiliser un editeur de texte prenant en compte ces caractères.

 

Sur PC, Notepad++ le fait très bien.

 

Autre solution : Uploader le fichier ici pour que quelqu'un le modifie et le renvoi..

Edited June 26, 2015 by Jean Francois G (see edit history)

[setsuna]

merci je trouve ca tout de meme bizarre car j'utilise dreamweaver qui gere le CSS tout comme komodo

Edited June 28, 2015 by setsuna (see edit history)