Have your say in Community Polls: What was/is your greatest motivation to start your own business?

How can I modify the layout of a multicolumn in the Dawn theme?

How can I modify the layout of a multicolumn in the Dawn theme?

10xfuel
Pathfinder
134 0 15

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
1176 169 172

@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.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
10xfuel
Pathfinder
134 0 15

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

webwondersco
Shopify Partner
1176 169 172

@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.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram