Can I add space between these two items?

Solved
Highlighted
Tourist
5 0 4

I have posted an image of what I would like to change.

The left side is currently what my site looks like and the right side is what I'm looking to change it to. 

I'm using the Brooklyn theme. Thank you for your time.

 

Reference.png

 

1 Like
Highlighted
Shopify Partner
8663 1157 3042

Hello, @cmhauer 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
5 0 4

Hey @KetanKumar thank you for the response!

 
1 Like
Highlighted
Shopify Partner
8663 1157 3042

@cmhauer 

Thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.grid-product__price-wrap {margin: 10px 0px; display: inline-block;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
5 0 4

@KetanKumar 

I realized I may not have been informative with my inquiry. 

The code you provided works great on the collections page grid but I am looking for it to be done on the product page. 

Thank you again, sorry about that

1 Like
Highlighted
Shopify Partner
8663 1157 3042

This is an accepted solution.

@cmhauer 

Thanks for update

yes please add this code also,

.price-container {
    margin-top: 10px;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Tourist
5 0 4

@KetanKumar you're awesome, thank you so much! 

1 Like
Highlighted
Shopify Partner
8663 1157 3042

@cmhauer 

Thanks for update and you support.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes