Help with centering body text and title in multi-column for Origin theme?

Hello Shopify Design geniuses :grin: ,

I’m currently using the Origin theme and am trying to center both the Heading text and Body text on the multicolumn sections for both desktop and mobile. Please help :folded_hands:

It’s in draft mode at the moment, so here is a preview link - it’s the contact page where I’m having trouble!

https://e39r5hnt801kuz0k-25869189186.shopifypreview.com

Thanks in advance!

Hey @petrelan I’m fairly sure the multi-column section has a setting for this. To navigate to the contact page in the customer, click on the page selector (top center of the customizer) >>> then click on pages >>> then click on contact page. In there you should be able to click on that section & the blocks inside of it to center things.

If no luck try adding this code to the bottom of your base.css file:

.shopify-section .multicolumn slider-component .multicolumn-card__info {
  text-align: center;
}

Hope that helps.

@Anonymous

Oh wow, you’re totally right! I didn’t even see that! :flushed_face:

Thank you!

No problem. Would appreciate it if you could mark this as a solution & drop a like!

Have a good day :slightly_smiling_face:

@Anonymous

I successfully centered the multicolumns and moved on to centering the footer content!

I’m sorry to bother you again, but I was wondering if you could help me with one more thing.

I have all the headers and body text centered perfectly, but I’m not sure which line of code to edit to get the email newsletter box to also be centered. I would also love to have the social icons centered too, but I think I know what to do for that.

Here is an image for reference, and the preview link again - I made some changes so this is the most up-to-date.

Thank you!

Hey @petrelan can’t see it at all now. Looks like you’ve gone for a different look! All sorted now