can someone help me with making the price on my website look like this sample website

Store Design
,

Topic summary

A user seeks help making product prices display symmetrically on mobile for their Shopify store (swawe.store), referencing a sample image showing desired formatting.

Attempted Solutions:

  • Initial CSS code provided to modify .price__container styling in base.css file
  • When first attempt failed, alternative solution suggested: adding custom CSS code to theme.liquid file before </head> tag

Current Status:

  • Discussion remains ongoing and unresolved
  • Helper is now asking clarifying questions about font size preferences and whether to show both regular and sale prices or only sale price
  • Multiple screenshots shared showing current vs. desired price display formatting

Technical Approach:
Focuses on CSS modifications through Shopify theme editor, specifically targeting mobile viewport (max-width: 750px) and price container elements.

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

can someone make the prices on my website https://swawe.store/ look as symmetrical on mobile as this sample image

IMG_4419.jpg
IMG_4419.jpg1170×2221 166 KB

IMG_4417.jpg
IMG_4417.jpg1170×2004 184 KB

2

Hello @attackon
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

@media screen and (max-width: 750px) {
.price__container span {
font-family: 'font_Regular' !important;
}
}

result

3.png
3.png492×731 158 KB

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

3

didn’t work

4

fail

5

Try This -

Go to online store ----> themes ----> actions ----> edit code---->theme.liquid
and paste this code before

thanks

6

IMG_4422.PNG
IMG_4422.PNG1170×2532 260 KB

7

now need to reduce the font size of the price .
Ques 1) do you want both the prices to show.?
or you want to delete regular price and show only sale price.