Multicolumn: change layout (dawn theme)

10xfuel
Pathfinder
127 0 12

how can I change the layout of this specific multicolumn on www.10xfuel.com to look like this:

now: text above the pictures:

10xfuel_0-1698149239355.png

 

new: text in the pictures:

10xfuel_1-1698149265603.png

 

thank you!

 

Replies 3 (3)

webwondersco
Shopify Partner
809 127 126

@10xfuel , hope you are doing well.

 

it requires updating some code to achieve your requirements.

 

instead of you can manage it via by adding this image as background of the box using css.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂
10xfuel
Pathfinder
127 0 12

thank you! How can I add these images as background of the boxes using css?

webwondersco
Shopify Partner
809 127 126

@10xfuel  when you open your theme customization you have an option to add custom css.

 

just add the below line of CSS code there and it'll work.

 

.multicolumn-card{   
background: url(https://www.10xfuel.com/cdn/shop/files/leaf_10pcblue.jpg) no-repeat center center;
}
Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- Coffee Tip? 🙂