Hello, I was wondering if there was a way for me to center the text in the collection list section. I tried with some code someone else gave me and it worked but it also centered everything else like the price which I don’t want. I just want it to be centered in the specific section. [Screen Shot…

Hi @YIVAN Go to Online Store → Theme → Edit code. Find the file assets/base.css and paste the code below at the bottom of the file. .collection-list .card__heading { text-align: center; } [devcoders_0-1718466745389.png]

Thank you worked great, but is there a way to also achieve this on mobile? [Screen Shot 2024-06-15 at 10.54.29 AM.png]

Hi @YIVAN Go to Online Store → Theme → Edit code. Find the file assets/base.css and paste the code below at the bottom of the file. .card__heading { text-align: center!important; } [devcoders_0-1718467146067.png]

Im not sure why but the code didn’t work for me. There might be another code that is overwriting it?

Hi @YIVAN Go to Online Store → Theme → Edit code. Find the file assets/base.css and paste the code at the TOP of the file. .card__heading { text-align: center!important; } [devcoders_0-1718467854689.png]

Ok, that worked. But do you know how to do it so it doesn’t affect the product title? [Screen Shot 2024-06-15 at 11.12.26 AM.png]

Hi @YIVAN Go to Online Store → Theme → Edit code. Find the file assets/base.css and paste the code below at the bottom of the file. .card__heading.h5 { text-align: inherit!important; } [devcoders_0-1718468305897.png]

Hi @YIVAN Great to hear that the issue has been resolved! If my assistance was helpful, please consider liking and accepting the solution. Feel free to reach out if you have any further questions.

How to center text in collection list section

Store Design

devcoders June 15, 2024, 4:18pm 8

Hi @YIVAN

Go to Online Store → Theme → Edit code.
Find the file assets/base.css and paste the code below at the bottom of the file.

.card__heading.h5 {
text-align: inherit!important;
}

1 Like

Topic		Replies	Views
Is it possible to center text from collection list titles Shopify Discussion troubleshooting , shop-performance	2	20	March 11, 2024
Centre text off to the left but want it in the centre Store Design shopify-themes	7	30	June 30, 2023
Change position of text in collection Shopify Discussion troubleshooting , shop-performance	2	31	October 12, 2024
Center Collection Product Grid Text Store Design design , customizations	4	23	July 1, 2024
Help with centering text on collection grid with Origin theme Store Design design , customizations , css , shopify-themes	6	41	February 28, 2023

How to center text in collection list section

Related topics