Multicolumn: description below image (dawn theme)

Store Design
, ,

Topic summary

A user seeks help repositioning the description text in a multicolumn section on their Dawn theme store to appear below images instead of above them.

Initial Solution Provided:

  • A community member shared CSS code to add to the base.css file
  • The code uses order: 1 on the multicolumn card image wrapper to reorder elements

Issue with Solution:

  • The CSS moved both descriptions AND headers below the images
  • The desired outcome is headers above images, descriptions below images
  • User provided before/after screenshots showing the unintended header repositioning

Current Status:
The discussion remains open with the CSS solution needing refinement to target only descriptions while keeping headers in their original position above images.

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

Hi! How can I move the description for this specific multicolumn on www.10xfuel.com below the image?

10xfuel_0-1705918634910.png
10xfuel_0-1705918634910.png1678×682 208 KB

thank you!

2

Hi @10xfuel welcome to the Shopify Community,

please paste below code into your base.css file and hit save.

#shopify-section-template–15940951933066__multicolumn_68d9rK .multicolumn-list__item .multicolumn-card .multicolumn-card__image-wrapper {
order: 1;
}

Thanks

3

thx - but now the headers has been moved too: the headers should stay above the images:

now:

10xfuel_0-1705919880461.png
10xfuel_0-1705919880461.png2422×348 101 KB

new:

10xfuel_1-1705919901921.png
10xfuel_1-1705919901921.png754×500 292 KB