Blank Space below Price

Store Design

Topic summary

A store owner noticed an unexpected blank space appearing below the product price on their product pages and is unsure how to fix it.

Proposed Solutions:
Multiple developers suggested the same CSS fix:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Add custom CSS code before the </body> tag to adjust margin spacing
  • The CSS targets the product <hr> element on screens 750px and wider, setting margin to 0 with !important

Store Information:
The affected store is cozosia.com

Status:
The discussion remains open - the store owner has not confirmed whether the suggested CSS solution resolved the spacing issue.

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

Hi there! I’m not sure why there’s suddenly a blank space under the price in my store, and I’m not sure how to fix it either.

Screenshot_2.png
Screenshot_2.png648×542 16.1 KB

1 Like
2

Hi @cozosia ,
Can you kindly share your store link with us? We will check it and suggest you a solution if possible :heart_eyes:

3

Hello @cozosia

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 750px) { .product hr { margin: 10px 0 !important; /*adjust according to you*/ } }

niraj_patel_0-1724234636359.png
niraj_patel_0-1724234636359.png495×578 26.4 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

1 Like
4

Hi @cozosia , I hope you are doing well.

Step 1: Go to Online Store → Theme → Edit code.
Step 2: Open your theme.liquid file
Step 3: In theme.liquid , paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

5

https://cozosia.com/

6

https://cozosia.com/