Moving price tag to next line

Solved
ravenscrofttai
New Member
3 0 0

Hi Shopify experts,

My shop is running on Brooklyn theme. I am trying to figure out how I can move price tag to a separated line like the one that's circled in red. 

Thank you everyone in advance!

 

Shopify_Featured Collection.jpg

0 Likes
Akibhusen
Trailblazer
251 42 74

Hi @ravenscrofttai ,

 

Can you please share your store URL & Password?

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
0 Likes
ravenscrofttai
New Member
3 0 0

Definitely!

https://ravenscroft-business.myshopify.com/

iloveravenscroft

 

Thank you very much!

 

0 Likes
Akibhusen
Trailblazer
251 42 74

This is an accepted solution.

 
Please add the below CSS at the end of your theme.css file.
 
.grid-product__meta  .long-dash{
display:none;
}
.grid-product__meta .grid-product__title,
.grid-product__meta .grid-product__price-wrap{
display:block;
}
 
Hope this CSs will work as per your requirement.
Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Akibhusen
Trailblazer
251 42 74

Hope the above given CSS will work for you.

If you need a developer for your store design then you can feel free to contact me.

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
0 Likes
ravenscrofttai
New Member
3 0 0

Do I put this code under Layout/theme.liquid?

 

 

0 Likes
Akibhusen
Trailblazer
251 42 74

No,

You can find theme.css file in assets folder.

Assets/theme.css file.

From assets folder open theme.css file and put code at the end of the same file.

Akibhusen Shekh | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
0 Likes