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

Technical Q&A
1

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
Screen Shot 2021-07-03 at 8.20.11 am.png934×764 42.8 KB

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!

2

hello @yosef110

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

2 Likes
3

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.

4

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;
}
3 Likes