Jump to content

Decallage dans bloc reinsurance et question css


oki
 Share

Recommended Posts

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

Share this post


Link to post
Share on other sites

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 by SiteProjet (see edit history)

Share this post


Link to post
Share on other sites

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.

  • Like 1

Share this post


Link to post
Share on other sites

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 by oki (see edit history)

Share this post


Link to post
Share on other sites

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.

  • Like 1

Share this post


Link to post
Share on other sites

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

}

  • Like 1

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More