Pricing communication carousel and productpage

Store Design
, , , , ,

Topic summary

A Shopify store owner using the Craft theme seeks CSS customization help for pricing display across product pages and carousels.

Product Page Requests:

  • Make the price display in bold black
  • When a compare-at price exists, show it in grey with the prefix text “Adviesprijs” (Dutch for “recommended price”)

Carousel Requests:

  • Make prices bold and black
  • Fix price alignment issues (currently misaligned across product cards)
  • Display compare-at prices in grey with “Adviesprijs” prefix, matching the product page format

The user provided screenshots demonstrating current issues and desired outcomes, plus store credentials for testing. One community member began responding with CSS code to address the first question (making product page prices bold), but the thread appears incomplete with remaining questions unanswered.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hi All,

I hope you can help me with a view questions i have regarding pricing communication:

Productpage:
Question 1:
Can you make the price black bold

Thetraveladdict_4-1747771727601.png
Thetraveladdict_4-1747771727601.png1142Ă—353 199 KB

Question 2:
When there is a compared price can you make sure it will be shown as below
So compared price in a grey color and before compared price the text Adviesprijs needs to be shown

Thetraveladdict_5-1747771859574.png

Carousel:

Question 1:
Can you make the price black bold?

Thetraveladdict_0-1747771129189.png
Thetraveladdict_0-1747771129189.png1253Ă—356 232 KB

See an example below

Thetraveladdict_1-1747771169783.png
Thetraveladdict_1-1747771169783.png963Ă—356 62.1 KB

Question 2:

Can you make sure the prices will allign, as you can see they are not aligned currently

Thetraveladdict_2-1747771323832.png
Thetraveladdict_2-1747771323832.png1289Ă—274 106 KB

Question 3:
When a compared prices i filled in, can you make sure it will be shown like below:
So compared price in a grey color and before compared price the text Adviesprijs needs to be shown

Thetraveladdict_3-1747771553730.png
Thetraveladdict_3-1747771553730.png989Ă—379 63.9 KB

Store:

Example product url:
https://nxansyfbzqx5sr4r-95242977619.shopifypreview.com/products_preview?preview_key=9cddc3309c0f54e9410beb718ce450d9

Theme: Craft

Password: Thetraveladdict

Thanks a lot!

2 Likes
2

Hi @Thetraveladdict

Let try to add this Custom CSS:

question 1:

.product__info-container .price__container {
  font-weight: bold;
}