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

Solved
yosef110
New Member
6 0 0

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
1280 355 891

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
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
yosef110
New Member
6 0 0

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
1280 355 891

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
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store