Prices are displayed below each other, how can it go back to normal?

Store Design

Topic summary

A user encountered a layout issue where product prices are displaying vertically (stacked below each other) instead of horizontally on their collection page.

Proposed Solution:
Another community member provided a CSS fix to resolve the alignment problem:

  • Add price. price-item{display: inline-block !important;} to the end of the base.css file
  • This should restore the normal horizontal price display

Status: The issue appears solvable with the suggested CSS modification, though confirmation of whether the fix worked has not been provided yet.

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

Scherm­afbeelding 2024-04-24 om 15.26.12.png
Scherm­afbeelding 2024-04-24 om 15.26.12.png2626×1058 530 KB

STORLE URL: https://facce-amsterdam.nl/

2

@Svds - please add this css to the very end of your base.css file and check

.price .price-item{display: inline-block !important;}