Centrer les prix sur les produits phares ?

[Rico300]

Bonsoir,

Suite a la mise a jour les prix ne sont plus centrés sur les produits phares de la page d'accueil.
Comment faire pour résoudre ce problème ?


Autre chose, il y a beaucoup d'espace entre la dernière ligne des produits phares et le footer.
Est il possible de réduire cet espace?

Merci

[Rico300]

bonsoir,

Toujours personne pour m'aider ?
au moins pour me dire dans quel fichier je dois faire la modif svp, merci

Bonne soirée

[minirj01]

Bonsoir,
Sans lien pour visualiser c'est délicat d'aider !
Sur le thème de base les prix sont centrés: http://www.prestashop.com/demo/
Tout se passe dans le fichier global.css dans le dossier thèmes.

[Rico300]

Bonsoir Minirj01,

Je pensais qu'avec les deux images ca permettais de bien visualiser mon souci.

C'est bien dans ce fichier que j'ai regardé mais je n'ai rien trouvé de louche

Merci en tout cas d'avoir répondu et je retourne chercher

Bonne soirée

[Peha]

Bonjour,

Utilises tu Firebug ? c'est indispensable pour régler ce genre de problèmes.
normalement le paramètre concerné c'est text-align : center

pa.

[Rico300]

Bonjour,

J'utilise Firebug.

le seul text-align: left que j'ai ce trouve ligne 183.
quand je met center, tout les textes se centre sur la page alors que moi je ne veux centrer que les prix

Eric

[Peha]

Oui, c'est le principe du CSS le premier C = Cascading

il faut que tu isoles le bloc du prix dans ta page et que tu lui applique à lui seul ce paramètre,

un petit tour sur les tutos d'alsacreations répondrait totalement aux questions que tu te poses http://www.alsacreations.com/tuto/lire/555-design-css-complet-5-etapes.html

pa.

[Rico300]

ok, je te remercie et je vais jeter un coup d'œil sur le tuto

[Rico300]

voila ce que j'ai pour le css via firebug quand j'isole une ligne de prix:

#center_column div.products_block ul li p {
margin:0;
padding:0;
}
global.css (ligne 1087)
#center_column .products_block p, #center_column .products_block h5 {
margin:0.5em 0.1em;
}
global.css (ligne 1078)
#center_column p {
margin:0.5em 0;
padding-left:0.7em;
}
global.css (ligne 981)
.products_block p {
margin-top:0.4em;
}
global.css (ligne 1027)
* {
margin:0;
padding:0;
}
global.css (ligne 11)
Hérité deli.ajax_block_product
div.block li {
list-style-position:outside;
}
global.css (ligne 932)
Hérité deul
div.block ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
global.css (ligne 921)
Hérité dediv#featured-products_block_center.block
#center_column .products_block {
color:#595A5E;
}
global.css (ligne 1041)
Hérité dediv#page
#page {
text-align:left;
}
global.css (ligne 183)
Hérité debody#index
body {
color:#5D717E;
font-family:Verdana,Arial,Helvetica,Sans-Serif;
font-size:11px;
text-align:center;
}

si je modifie
Hérité dediv#page
#page {
text-align:left;
}

tout est centré

je ne trouve pas ...

par contre j'ai trouvé comment réduire l'espace entre les derniers produits et le footer

[Peha]

si tu modifies #page, ça va s'appliquer à tout ce qui se trouve entre < div id="page"> < /div>

à ta place je modifierai
#center_column div.products_block ul li p {

qui va toucher le bloc < p> (qui contient ton prix) contenus dans un < li> lui même dans un < ul> lui même dans un < div class = "products_block"> lui même dans le < div id="center_column">


}

rajoute lui donc simplement text-align: center;

comprend tu mieux le concept d'héritage ?

pa.

[Rico300]

Merci Peha

effectivement ca me centre les prix, seul inconvénient, ca me centre aussi le texte du produit mais bon c'est déjà mieux

si je remet le global.css de l'ancienne version de prestashop, est ce un problème ?
je pose cette question car avec ce fichier la présentation est nickel