Change Main Collection Display (Kalles Theme)

[joe-h-95]

Hello,

Sorry if this is a basic one, but is anyone able to help me amend the display of my Product Title from the Main Collection page, please? It’s capitalised by default, and the text is too large so it doesn’t display the full Product Title.

Any help would be appreciated.

[vm-web]

@joe-h-95

Can you share your shopify store URL?

Thanks!

[namphan]

Hi @joe-h-95 ,

Please send the website link, I will check it for you

[joe-h-95]

Thanks for the reply. I’ve changed every heading size and none seem to change it

[joe-h-95]

There’s a preview available here - https://hdl96ueno83i1dbr-72105885962.shopifypreview.com

[joe-h-95]

Hi, there’s a preview available here - https://hdl96ueno83i1dbr-72105885962.shopifypreview.com

[namphan]

Hi @joe-h-95 ,

Please go to Customize > Theme settings > Custom CSS > add code:

.t4s-product .t4s-product-title {
    font-size: 18px;
    text-transform: none;
    white-space: normal;
}

[joe-h-95]

Sorted, thank you so much

[namphan]

Hi @joe-h-95 ,

You’re welcome

[joe-h-95]

Hi @namphan ,

I’m back… is there any way I can format it so the price stays in line across all products whether there is one or two lines of text?

[namphan]

Hi @joe-h-95 ,

Please send me the preview link again, I will check it

[joe-h-95]

Thanks! https://4fun8xge823cz2fm-72105885962.shopifypreview.com

[namphan]

Hi @joe-h-95 ,

Please add code:

.t4s-product .t4s-product-title {
    min-height: 35px;
}

[joe-h-95]

Really appreciate it, thanks again @namphan