annuler
Affichage des résultats de 
Rechercher plutôt 
Vouliez-vous dire : 

Debut : centrer texte sous photo

Kr7
Nouveau membre
4 0 0

Bonjour,

Je n'arrive pas à trouver comment centrer le nom et prix de mes produits sous leur image. 

S'agit il d'un code à modifier pour le centrer (il est aligné à gauche mais beaucoup trop décalé) et si oui pourriez-vous m'indiquer où le modifier et comment ?

Merci beaucoup pour votre aide.

Bonne fin de journée.

 

 

0 J'aime
Fuznet
Shopify Expert
321 40 63
0 J'aime
Kr7
Nouveau membre
4 0 0

Bonsoir,

Ma boutique est en construction, je n'ai donc pas d'url active pour l'instant.

Merci pour votre aide.

0 J'aime
Fuznet
Shopify Expert
321 40 63

Bonsoir,

 

Sans URL je ne peux pas vous aider. 

Vous pouvez aussi partager la preview du thème : 

 

How to share a theme preview with others on Desktop3r

0 J'aime
lemokka
Nouveau membre
2 0 0

Bonjour, j'ai exactement le même problème, je souhaiterais centrer le texte sous ma photo, c'est à dire le nom de l'article et son prix mais je ne m'y connais pas trop en codage... Quelqu'un pourrait m'aider? Merci 

0 J'aime
FCHR
Shopify Partner
78 7 8

Bonjour,

voila une solution qui marche bien.

- allez dans "product-card-grid.liquid"

- Trouvez cette partie du code :

 

 

<div class="h4 grid-view-item__title product-card__title" aria-hidden="true">{{ product.title }}</div>
  {% include 'product-price-listing', product: product, show_vendor: show_vendor %}

 

 

 - rajoutez :

 

 

<div class="text-center"> <!--Rajoutez ça -->
  <div class="h4 grid-view-item__title product-card__title" aria-hidden="true">{{ product.title }}</div>
  {% include 'product-price-listing', product: product, show_vendor: show_vendor %}
</div> <!-- Et aussi ça -->

 

 

 - maintenant allez dans "theme.scss.liquid"

- cherchez cette partie du code :

 

 

.price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;

  @include media-query($small) {
    font-size: em($font-size-base - 1);
  }

  dl {
    margin-top: 0;
  }
  dd {
    margin: 0 0.5em 0 0;
  }
}

 

Remplacez "align-items: flex-start;" par "align-items: center;"

voila, J'espère que ça sera utile.

Cdt,

If my solution help you : Like and Accept Solution.Need help, hire me : https://5euros.com/profil/fchr

Ma réponse a-t-elle été utile : Cliquez sur J’aime pour me le faire savoir !

J'ai répondu à votre question ? : Marquez-la comme Accepter comme solution

Besoin d'aide, engagez-moi : https://5euros.com/profil/fchr
0 J'aime