Is there a way to add a <br>/return to product name on product info grid (dawn theme)?

Shopify Discussion
1

I’d like to add a return (
) to the product info on this page: https://yellowathletic.myshopify.com/collections/all

so that instead of reading like this:

Sleep Recovery - CBD oil

(30 ml)

it’ll read like this:

Sleep Recovery

CBD oil (30 ml)

I tried
but that didn’t work. Any other suggestions?

Thanks!!

2

Hi,

A solution to this can be using jQuery. The below code would replace ‘-’ with ‘
’ from your product name.

$(".card__heading .full-unstyled-link").each(function() {
            var leTitle=$(this).text();
            var newTitle=leTitle.replace('-','
');
            $(this).html(newTitle);
        });

GabrielS_0-1665522506921.png
GabrielS_0-1665522506921.png1904×629 150 KB

Cheers!

3

Thank you!! Would I add this to the bass.css?

4

Hi Gabriel, thanks for the code above. Where should I put it? I tried base.css, but it didn’t work. Thanks again!

5

Hi,

Its a Javascript code, not CSS. It can be added at the end of a .js. If you don’t have coding experience, I’d recommend to hire a web developer.

Cheers!