@paul2009 Thanks so much for your prompt reply. I have used the updated code and removed the larger first line for the footer code injection and the "|" character has now disappeared but there is still no change in the second line font size - see https://www.janegledhillart.com/shop/p/katrinas-allotment-giclee . However the larger first line and smaller second line did appear on the product list page but the stretched first lien was too big as I only need a small difference in font size say 18px first line and 14px second line. When I removed the 2nd bit of the custom CSS code relating to the larger first line and changed the font size to 18px in the first bit of the code it looked better on the product list page - see https://www.janegledhillart.com/shop
Hi @paul2009 thanks for sharing the CSS code for this style change. It is my first time using CSS so I may have not done this properly, but I just copied and pasted the two lines code into Settings > Advanced > Code Injection > Footer: as indicated,. And hey presto it did split the two lines of the product title. However it left the "|" symbol showing on the product details page. Also when I copied and pasted the styling code for the 2nd line of product title nothing changed even when I changed the font size to a smaller one in case the product title font was also 22px. Can you help at all?