Shopify themes, liquid, logos, and UX
Hi,
I'm using custom html (in a section) to display a widget (which is the image above).
But the image is short and does not show the full height.
Widgets rules say that is important to set a specific height of Parent Element for widget to Work properly.
Can you help me to set that specific height of Parent Element?
The complete widget image looks like this:
URL: ynspo.com
Thanks
Pedro
Solved! Go to the solution
This is an accepted solution.
You can try again with this code:
<style>
#shopify-section-template--20243625017687__4292e0fc-c45f-486a-9aa1-fcc774eebb36 .grid.grid-spacer .text-center {
height: 500px;
}
</style>
And add it here:
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 @pmrmatos
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: paste bellow code in tag </body> -> save.
<style>
.grid.grid-spacer .text-center {
height: 500px;
}
</style>
Hope that my solution works for you.
Best regards,
Henry | 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,
I added the code but it ends up unformatting the page:
Can you help me?
Thanks
Pedro
Hi,
What I think is that the code you sent me is applying to all sections and not just the one I want (which is one that has customized html).
How can you change it to only affect that section?
Thanks
Pedro
This is an accepted solution.
You can try again with this code:
<style>
#shopify-section-template--20243625017687__4292e0fc-c45f-486a-9aa1-fcc774eebb36 .grid.grid-spacer .text-center {
height: 500px;
}
</style>
And add it here:
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. Thanks a lot. It's OK now.
Cheers
Pedro
You are welcome @pmrmatos 😊
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.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025