FROM CACHE - en_header

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

Solved
yosef110
Tourist
9 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!

Accepted Solution (1)

Accepted Solutions
Kinjaldavra
Shopify Partner
2302 569 1407

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
Build your professional store with GemPage Page Builder

View solution in original post

Replies 3 (3)
Kinjaldavra
Shopify Partner
2302 569 1407

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
Build your professional store with GemPage Page Builder
yosef110
Tourist
9 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.

Kinjaldavra
Shopify Partner
2302 569 1407

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
Build your professional store with GemPage Page Builder