Hello Community!
I am working within Dawn 12.0 inside of a Image with text section on new site and I am trying to make the image run the entire width of the section and contain overlaid text on top to create this from my sitemap comp:
Would someone be so kind as to provide the necessary steps to accomplish this? Also, how can I make the sections cleanly run in to each other like the above image where there is zero padding between sections?
Hi @TheMattKirsch ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Hi @BSS-Commerce ,
Sure thing! Would love the help here if you can provide some copy and pasteable CSS code to help.
URL: https://2fbdaa.myshopify.com/
PASS: gewcko
I’m actually thinking a much better layout is to use a Image Banner section and figure out how to move the Text box over to the right hand side with a transparent background so it looks like this:
Right now, the Text box is centered and has a white background. Would love the help and/or copy/pastable CSS code to make it look like the above image.
Cheers and thank you very much in advance!
Insert this CSS code into your CSS file:
#Banner-template--16637987586216__image_banner_BfqPgf .banner__box {
background: transparent;
left: 20rem;
}
Result:
Hope it helps @TheMattKirsch
