How can I center text in a multicolumn on the Ride Theme?

Store Design

Topic summary

A user seeks help centering text within a multicolumn section on the Ride theme. Two solutions are provided:

CSS Solutions:

  • Add .multicolumn-card__info { text-align: center; } to the base CSS file
  • Alternatively, add .multicolumn-card .multicolumn-card__info { text-align: center; } to assets/section-multicolumn.css

Both approaches target the same element to center-align the paragraph text. The original poster confirms the solution worked.

New Issue:
A different user encounters a related problem where their multicolumn elements appear stacked vertically instead of displaying horizontally across the center as intended. They reference an image showing the desired layout but haven’t received a response yet.

Status: Initial centering issue resolved; stacking issue remains unanswered.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

https://m-baker-emporium.myshopify.com/

Pass: 12345

Please help, how can I center the text paragraph inside the multicolumn?

jbvergara_0-1663245682349.png
jbvergara_0-1663245682349.png1814×315 15.2 KB

2

@jbvergara ,

.multicolumn-card__info {
    text-align: center;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

1 Like
3

@jbvergara

Please add the following CSS code to your assets/section-multicolumn.css bottom of the file.

.multicolumn-card .multicolumn-card__info {text-align: center;}

Thanks!

1 Like
4

thanks man.

5

much appreciated!

6

@jbvergara ,

Your welcome.

7

Why am I seeing the multicolumn stacked instead of across the center like this?

I’m using the ride theme and want it to look like this persons above, not stacked like mine is. any ideas?

kaleighdurkin_0-1677072677469.png
kaleighdurkin_0-1677072677469.png1292×698 36.8 KB