Re: How to Add Space Between Prices on shop related products?

Solved

How to Add Space Between Prices on shop related products?

davidkduong
Tourist
12 0 1

price cram.PNG

I can not see the option to add spaces between the prices under my related products section and it looks very crammed. (See attached image)

 

Can someone show me how to fix it? 

I would like to add some space between the "$44.95" and "$90.00".

Accepted Solution (1)
brandboostup
Shopify Partner
30 2 2

This is an accepted solution.

Hi @davidkduong 

 

add this code in main.css :

.theme-money {
    white-space: nowrap;
    padding: 10px;
}
Ragib Ali

View solution in original post

Replies 5 (5)

brandboostup
Shopify Partner
30 2 2

Hey @davidkduong 
could you please provide me with your store URL? I will look into it and get back to you with a solution.

Ragib Ali
davidkduong
Tourist
12 0 1

Hi @brandboostup 

My store URL is modachic-toronto.com

brandboostup
Shopify Partner
30 2 2

This is an accepted solution.

Hi @davidkduong 

 

add this code in main.css :

.theme-money {
    white-space: nowrap;
    padding: 10px;
}
Ragib Ali
davidkduong
Tourist
12 0 1

I was able to find it under the assets folder.

10px was a bit large but I just edited to 5px and it was good! 

Thank you!price cram.PNG

brandboostup
Shopify Partner
30 2 2

I'm glad I'll be able to help you! @brandboostup 

Ragib Ali