centrer les produits de la page d'accueil

[Matthieu C]

Bonjour,

 

L'adaptation du thème Booststrap se poursuit. 

 

voir ici : http://mari-et-femme-vitraux.fr/Shop/

 

J'ai réussi à résoudre pas mal de questions de mise en page avec l'aide du forum. Merci à chacun. 

Je butte en ce moment sur le centrage des produits présentés par le module "Produits mis en avant sur la page d'accueil".

Le module permet de régler le nombre de produit, 2 dans mon cas, mais pas la position. Je souhaite qu'ils soient alignés cote à cote et centrés. 

J'ai essayé comme lu dans des tutoriels d'ajouter dans le fichier global.css, ligne 2319 :

 

ul#homefeatured {

margin-left: auto;

    margin-right: auto

    }

 

Les lignes sont bien prises en compte mais ne produisent pas l'effet attendus ???

Je suis en limite de mes capacités. 

Merci de votre aide. 

Cordialement.

 

[Jimmy_BV]

Dans product_list.css à la ligne 383 tu doit avoir :

#index ul.product_list.tab-pane >li{

}

Rajoute la règle :


#index ul.product_list.tab-pane >li{
    margin-left: 200px;
}

Cela fonctionnera uniquement si tu à toujours deux articles.
Si tu veux passer en 4 produits tu devra supprimer la règle CSS.

Cordialement.

[Matthieu C]

Merci Jimmy de m'avoir indiqué le lieu ou cela se règle et proposé une solution.

 

Je viens d'essayer, cela fonctionne avec un affichage supérieur à 1200px. . Les résultats sont un peu erratiques.

J'ai essayé de trouver un réglage pour les autres largeur d'écran, sans trouver.

 

Plutôt que de créer une marge, n'est-il pas possible d'avoir un code de centrage qui s'adapte à la largeur de l'écran et au contenu de la fenêtre ?

 

Cordialement, 

[renaudpro]

Bonjour,

 

Avez vous trouvé comment faire pour ne pas enlever le responsive?