How can I center text in my Craft Theme collection lists?

Store Design
1

Hi

I have a store using the Craft Theme and I have added collection lists to show my product categories but all the text is to the left and I can’t stand it!!

I have tried using codes found by searching previous messages in here but none of them work

I think this could be because I previously had multi-columns and that had some code added to it so could that be affecting the new code?

Can somebody tell me how to center the text in the collections list or even the whole page and every other page on my site?

Thank You in advance

2

Can you share your store url?

3

Hi @Gonk1983

Would you mind to share your Store URL? with password if its unpublish. Thanks!

4

Hi @Made4uo-Ribe

Thanks for your reply

Pocket-Fluff.co.uk

5

Hi @Gonk1983 , add the below code to your theme’s CSS file.

.card--card.card--media>.card__content {
    text-align: center !important;
}
6

Thanks for the info, check this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin {
    justify-content: center !important;
}
.card__information {
    text-align: center !important;
}

And Save.

Result:

Made4uoRibe_0-1702240795515.png
Made4uoRibe_0-1702240795515.png1433×742 183 KB

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

7

Hi

it doesnt work when I do it!

Can you do it by any chance as I think the code may be messed up from an earlier attempt??

Thanks

8

Thank you, this helped me finally center the title for this section in the Craft theme!