Formatting custom content images on Debut theme

gwilliams
Pathfinder
152 0 33

I am using the Debut theme and looking at implementing something like this screenshot below with a main banner and then 2 small ones on the right hand side:

Screenshot 2021-08-03 at 09.11.36.png

 

I am having issues aligning and styling this the same way as Banner 3 is appearing underneath the main banner image which I don't want. I want Banner 3 to appear underneath Banner 2 and aligned properly like in the screenshot:

Screenshot 2021-08-03 at 09.02.16.png

The preview URL for my website is: https://o3cl84gx90jq5i94-37507465356.shopifypreview.com

The example layout I want can be seen here: https://www.ukpos.com/

Any help would be greatly appreciated!

0 Likes
suyash1
Shopify Partner
3240 361 531

@gwilliams - checked your reference site, it has grouped banner 2 and 3 together, can you do that?

You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
gwilliams
Pathfinder
152 0 33

Ideally I want them separate as I want them to link to different URL pages.

I only have limited customisable edits (see screenshot)

Screenshot 2021-08-03 at 10.05.26.png

0 Likes
suyash1
Shopify Partner
3240 361 531

@gwilliams - add this css and check

.custom-content{justify-content: flex-end;}
You are welcome to contact me, my email - suyash.patankar@gmail.com
Free Shopify solutions/tutorials on youtube
#1 page builder app on Shopify - for FREE! PageFly
0 Likes
gwilliams
Pathfinder
152 0 33

It's a bit better but there seems to be a lot of spacing between banner 2 and 3. Is there a way to just have a little bit of spacing or enough for it to align the bottom edge of Banner 1?

Screenshot 2021-08-03 at 10.50.02.png

0 Likes