Break between Product Title and Product Price on Collection Page (Debut Theme)

Solved
yosef110
Tourist
8 0 2

Hi,

 

I am looking to add a break between the product title and the product price on the collection page, not on the product page.

Please see an example below:

Screen Shot 2021-07-03 at 8.20.11 am.png

The reason why I want to do this is because the price is too close to the title, which may be a little bit difficult to see. Having a break between the title and the price might make the price and title more distinct and easier to see.

 

Thanks in advance!

0 Likes
Natztech
Shopify Partner
1889 490 1172

hello @yosef110 

please share your web URL  and if any password then please share your password

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
yosef110
Tourist
8 0 2

Hi,

 

I attached a photo in the original post so that you can refer to what I mean.

I am not authorised to share that information with anyone outside of our company.

If you are able to help us with the information already provided, it would be much appreciates.

0 Likes
Natztech
Shopify Partner
1889 490 1172

This is an accepted solution.

 

hello @yosef110 


please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. hope this works 

.template-collection .grid .grid__item  .price.price--listing{
          margin-top: 12px;
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly