How can I center align the overflow text in product card titles?

Store Design
, , ,
1

Hi all, Thank you everyone in advance for your time, I am currently stuck on this issue:

My product card titles are centered however the overflow text is not. I have been tinkering with this for a while and have not come to a solution, any help would be appreciated!

Website: https://c2eb2c-2.myshopify.com/

Screenshot:

SP3C_0-1703218166753.png
SP3C_0-1703218166753.png2560×1392 675 KB

2

Go to your Online store > Themes > Edit code > open your theme.liquid file, add this code below under element
3

@SP3C - please add this css to the very end of your theme.css file and check

.product-card__title {text-align: center;}

suyash1_0-1703218458512.png
suyash1_0-1703218458512.png1366×768 123 KB

4

Hi @SP3C

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.css

Step 3: Paste the below code at bottom of the file → Save

.h4.grid-view-item__title.product-card__title {

text-align: center;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly