Spacing / Padding between cross over price and sale price (Dawn theme)

Store Design
, ,
1

Hey, Is it possible to reduce the padding between the cross over price and sale price on collection pages for both desktop and mobile?

my store url: bellevodesign.com

Picture of the issue:

IMG_5255.jpeg
IMG_5255.jpeg670×1046 38.2 KB

Desired outcome:

IMG_5256.jpeg
IMG_5256.jpeg512×180 9.86 KB

2

Hi @bellevo ,

Add below css to the base.css file.

s.price-item.price-item--regular {
    margin-right: 5px;
}

Please don’t hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
LuffyOnePiece

3

Hello @bellevo

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code

.price-item--sale {
    margin-left: -8px;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

4

Hey, this works on desktop but it doesn’t change the padding on mobile. Is there a way to change it on mobile as well?