price product catalogue issues

Topic summary

Issue: Prices stopped showing on the collection page. A site link and screenshot were provided to illustrate the missing price.

Proposed fixes: Two contributors suggested adding custom CSS via Online store > Themes > Edit code:

  • In base.css: set price and card information text to black (e.g., .price > *, .card__information > * { color: black !important; }).
  • Alternatively in component-card.css: target .card-information > .price and .card__heading for black text.

Troubleshooting: The initial CSS change didn’t work because a closing bracket “}” was missing in base.css. After fixing the syntax, the price reappeared.

Follow-up request: The store owner asked to also make the product name black. A revised CSS snippet including .card__heading was resent.

Status and outcome:

  • Price display issue resolved after correcting the CSS syntax.
  • Product title color change guidance provided; awaiting confirmation that it works.

Notes: Screenshots were used to show before/after results. The solution centers on CSS styling rather than theme or app changes. The discussion remains open for the product name color confirmation.

Summarized with AI on December 21. AI used: gpt-5.

Hello,
I have a problem with my collection page on my website.
I don’t understand, the price of my item is no longer displayed and I can’t put it back (see photo).

her is my website link: https://albesutdios.myshopify.com/collections/all

If anyone can help me;

thanks in advance

@albestudios
Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file base.css.

Step 3. Add this code to the end of file

.price > *, .card__information > * {
 color: black!important
}

Result:

If it helps you, please like and mark it as the solution. Best Regards :heart_eyes:

Hello @albestudios
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-card.css
add this code at the end of the file

.card-information>.price {
color: black !important;
}
.card__heading {
color: black;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like

Hi,

Unfortunately it didnt work I don’t know why, it’s still the same

@albestudios , In your base.css file you miss a “}”

It should be

Hi,

Thank you for your reply it worked! But i would like to also have the name of the product in black. Do you know who to do ?

Thank you

please check i have resent the code.