Changer la couleur du prix sur la page d’accueil

Topic summary

Un utilisateur cherche à modifier la couleur du prix affiché uniquement sur la page d’accueil de sa boutique Shopify, sans affecter les pages produits individuelles.

Solutions proposées:

Plusieurs développeurs ont suggéré d’ajouter du code CSS personnalisé dans le fichier base.css ou theme.css du thème:

  • Solution générale: Cibler la classe .price__regular avec color: red !important;
  • Solution spécifique à la page d’accueil: Utiliser un sélecteur plus précis comme .section-template--[ID]__featured_collection .price span.price-item pour limiter le changement à une section particulière
  • Solution pour collections: Cibler .collection .price-item.price-item--regular

Étapes communes:

  1. Accéder à Boutique en ligne → Thème → Modifier le code
  2. Ouvrir le fichier CSS approprié
  3. Ajouter le code CSS à la fin du fichier

Un participant a demandé l’URL de la boutique pour fournir une solution plus personnalisée. La discussion reste ouverte sans confirmation de résolution par l’auteur original.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.

Bonjour tout le monde j’essaye de changer le prix qui apparaît sur ma page d’accueil mais en vain. je voudrais changer la couleur du prix mais seulement sur cette page là et non pas sur les pages produits.

Si quelqu’un sait comment procéder merci d’avance

1 Like

Hi

  • You can try to follow this step
    Step 1: Go to Edit code
    Step 2: Find file base.css and add this code at the end of the file
.price__regular {
    color: red !important;
}

Result:

Best,

LizHoang

Hello, @MAEBEAUTYSHOP
Please share “Store URL”
Thanks!

Hi @MAEBEAUTYSHOP

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.section-template--24486990086479__featured_collection_VQEtFA-padding .price span.price-item.price-item--regular {
    color: aqua !important;
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! :rocket: (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!

Hello @MAEBEAUTYSHOP

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.collection .price-item.price-item--regular {
color: red;
}