Help with centering text on collection grid with Origin theme

[petrelan]

Hello Shopify experts!

Could someone please help me with what I presumed to be an easy code fix, but ended up being more complicated than I thought?

I’m trying to get the heading underneath the Collection List to be centered, but have no idea where I should be inserting the code. I figured out how to remove the unsightly arrow, but still can’t figure this out.

The template is still in draft mode, so the link to the preview page is: https://ooii0prtphtewh8z-25869189186.shopifypreview.com/

Here is also a sample screenshot of what the code looks like, as it doesn’t look like the typical theme code does with some of the other templates (eg. there are no HTML

elements)

Thank you in advance for helping me out!

[PageFly-Victor]

Hi @petrelan ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:

.full-unstyled-link {
   text-align: center !important;
}

Hope my answer will help you.

Best regards,

Victor | PageFly

[Dirk]

Hey, @petrelan

I’m not formally trained in code to provide you with an exact solution to centering the heading under the collection list. However, I’m confident one of our Shopify experts would be able to accomplish this at a reasonable price.

Just wanted to share this alternative option in case you are unable to find a coding solution in your post.

If there is anything else I can help you with, please let me know.

[petrelan]

@PageFly-Victor This is great, thanks so much!

Is there another line I can add to make the price centered as well?

[PageFly-Victor]

@petrelan ,

Yes, you can add this code below to component-card.css

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

[petrelan]

@PageFly-Victor you’re a life-saver (code-saver? ) Thanks a million!

[PageFly-Victor]

You’re welcome! I’m glad I could be of help to you