Styling product titles

Site URL: https://golsashop.com

I've just made a squarespace shop for my gallery. We sell art online and for every product there's an artist and a title of the work. 

At the moment product titles are displayed like this:

Artist - Title, year

And I would love to display like this

Artist
Title, year

Is there an "easy" way to do that? 

Edit: I found a way described bellow to make the line break in the shop overview. But not when you click on the product. Also I would like to display my products using the summary block instead of the shop. So looking for a way to make the line break there as well. 

Ok, I found this to make the line break in the shop (owerview)

https://sf.digital/squarespace-solutions/display-product-titles-on-two-lines-with-squarespace-71

but when you click on a product the titles appears with the symbol for the line break ("|") and I don't have a solution to make the second part italic.

And I don't like how the shop forces you to have one size on all product images so I would like to display my shop using the summary block. It would be great to get the line break there as well. 

Ah! I am looking to do the same thing for displaying artwork as products. I will watch this space if anyone has a solution! Thanks