Shopify themes, liquid, logos, and UX
Hi community!
I am running into a problem with the Dawn theme, currently my 'image with text' section is stacking on top of eachother in this layout below. I want to get it to look like the screenshot after that, where the image covers half of one side of the screen, with no padding and the text falls central in the other half.
Does anyone know how I can do this? Thanks in advance 🙂
Current section -
What we want to achieve -
Solved! Go to the solution
This is an accepted solution.
Hi @emilyaugstudios please add again code here:
<style>
.page-width{
max-width: 100% !important;
padding: 0px !important;
}
</style>
Thank you !
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hi @emilyaugstudios ,
Can you please provide me preview url of the store?
Thank you
Hi @emilyaugstudios ,
It's because you have added the below code in base.css in line 3555.
.grid--2-col-tablet .grid__item {
width: 80% !important;
}
Thank you
Ahh great thank you, I have removed that now and the image appears where it should again on the left of the text rather than stacked. Do you know how to make the image the full width of half the screen now?
Thanks
Emily
This is Noah from PageFly - Shopify Page Builder App
I can help you. Please can you provide the website url. Thank you.
Best regards,
Noah | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hi @emilyaugstudios you can select option image width text:
Thank you !
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
And please add code here in file theme.liquid and above tag </head>:
<style>
.multirow .multirow__inner{
max-width: 100% !important;
padding: 0px !important;
}
</style>
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hi, thank you for your help!
Unfortunately the code isn't working/doesn't look like it's doing anything to the content.
Do you have any other suggestions?
Thanks,
Emily
This is an accepted solution.
Hi @emilyaugstudios please add again code here:
<style>
.page-width{
max-width: 100% !important;
padding: 0px !important;
}
</style>
Thank you !
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Thank you for all your help Noah – I really appreciate it! 😊
Thank you ! Have a nice day 😉 !
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hey, sorry I forgot about sharing that part!
The current password is - mewlta
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024