Decallage dans bloc reinsurance et question css

[oki]

Bonjour à tous, sur ma page http://www.panneauavendre.com/product.php?id_product=4

 

J'aimerai modifier le titre PERSONNALISATION en bas de la page car il est surligner en noir, je pense que c'est un problème css mais comme je n'y connait pas grand chose je ne trouve pas.

J'aimerai au final qu'il apparaisse comme le En savoir plus du dessus.

 

De plus, dans le footer, ce n'est pas grand chose mais pour l'esthétique, j'aimerai remettre le titre information (dans le footer donc) à la même hauteur que les autres titres, peut être un problème css encore?

 

Merci de votre aide

[SiteProjet]

Bonjour.

Concernant le champs personnalisation que vous souhaitez voir affiché comme celui "en savoir plus" (si j'ai bien compris), il suffit d'ajouter la classe "selected" à votre lien.

Vous devriez pouvoir retrouver cela dans votre product.tpl

Quelque chose comme :

 

 

[/color][color=#000000]
<ul class="idTabs">[/color][color=#000000]



<li>


<a style="cursor: pointer">Personnalisationa>
li>[/color][color=#000000]
ul>[/color][color=#000000]

Et ici le

<a style="cursor: pointer">Personnalisationa>

devient :

<a style="cursor: pointer" class="selected">Personnalisationa>

Pensez par contre à vérifier que cela n'a pas d'autres incidences sur votre page (je ne sais pas si cette classe est utisée simplement à des fins d'affichage ou si elle est ré-employée par un script).

Edited August 19, 2012 by SiteProjet (see edit history)

[SiteProjet]

Concernant le décalage de votre bloc INFORMATIONS, vous pouvez ajouter dans le "global.css" du répertoire de votre thème :

 

 

 

#block_various_links_footer {


padding: 15px 10px;
}

 

Ce block de liens est étonnamment le seul du footer pour lequel les marges (padding) supérieure et gauche (ça se voit peu, mais le bloc est décentré par rapport aux autres) ne sont pas redéfinies.

Cette petite modif devrait corriger cela.

 

Pensez à vider votre cache dans la foulée.

 

Cordialement.

[oki]

Merci pour tes réponses, la deuxième fonctionne et il n'y a plus de decallage, super!

 

Par contre pour le "Personnalisation", j'ai donc été dans le product.tpl du thème qui est installé, j'ai trouvé ceci:

<ul class="idTabs">
 <li><a style="cursor: pointer">{l s='Product customization'}</a></li>
</ul>

 

Et j'ai remplacé par:

<ul class="idTabs">
 <li><a style="cursor: pointer" class="selected">{l s='Product customization'}</a></li>
</ul>

 

Mais pas de changement, c'était bien la manipulation à faire?

Edited August 20, 2012 by oki (see edit history)

[SiteProjet]

Tiens chez moi ça marche; et je ne pense pas qu'il y ait un CSS prioritaire sur celui de la balise.

 

Vous avez pensé à forcer la compilation et/ou à nettoyer le cache de votre navigateur ?

[oki]

Oui j'ai vidé le cache et j'ai essayé sous IE et toujours ça:

[SiteProjet]

Il se peut qu'il y ait quelque chose qui empêche la surcharge via le inline. Mais bien que j'arrive à reproduire la chose en local chez moi, je ne vois pas la modification effectuée chez vous (avec firebug en analysant votre code, on ne retrouve pas la classe ajoutée à la ligne). Etes-vous sur d'avoir bien enregistré les modifications ?

 

Sinon une méthode plus propre : dans le global.css de votre thème (http://www.panneauavendre.com/themes/prestashop_new/css/global.css)

essayez de changer la ligne :

 

 

.idTabs a {
  display:block;
  padding:10px 10px 7px 10px;
  font-weight:bold;
  text-decoration:none;
  color:#fff;
  background:#000
}

 

par :

 

 

.idTabs a {
  display:block;
  padding:10px 10px 7px 10px;
  font-weight:bold;
  text-decoration:none;
  background: url(../img/bg_li_idTabs.png) repeat-x 0 0
}

 

Cela va appliquer le fond jaune à tous les liens du block idtabs.

 

Dites-moi si ça marche comme ça.

[oki]

ça fonctionne il est redevenu jaune merci!

Par contre encore un petit décallage non?

[SiteProjet]

Oui ils sont un peu decallés à droite par rapport au trait, mais ça semble volontaire.

 

Pour modifier cela supprimez la ligne (en rouge ci-dessous) sur le même global.css :

 

.idTabs

{

list-style-type: none;

margin-top: 20px;

padding:5px 5px;

border-bottom: 8px solid #f7b900

}

[oki]

Super, merci beaucoup pour toute cette aide!

[SiteProjet]

C'est un plaisir.

 

Faut pas hésiter