How do I centre align the product titles on the featured collections on the homepage (Debut theme)?

[maleka]

Hi all,

Hoping someone can help please.. I am trying to centre align the product titles on the featured collections on my homepage. I am using the Debut theme. I managed to remove the product prices but I’m struggling to centre align the titles they are currently aligned to the left.

Please see image below:

Thank you in advance!

[Ecommpremium]

Hi @maleka can you please provide the store URL with the password so I can give you the exact code to center align it.

Thanks

[maleka]

Hello @Ecommpremium ,

Thank you for coming back to me!

The URL is malekainteriors.com and it isn’t password locked.

Thanks

[Ecommpremium]

@maleka

add this code in assets----> theme.scss.liquid at bottom in theme edit code if theme.scss is not available then add it in theme.css or base.css or any file with theme.css or base.css in assets

li.grid__item grid__item--collection.small--one-half.medium-up--one-quarter{
text-align:center;
}

[Ecommpremium]

@maleka

it will be centered hopefully if not you can get back to me I am here available!

[KetanKumar]

@maleka

oh sorry for that issue, can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file.

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

[maleka]

Thank you @KetanKumar this worked but the price is not centre aligned? How can I centre align the text also please?