Re: Widget does not display the full height of the image

Solved

Widget does not display the full height of the image

pmrmatos
Tourist
13 0 1

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.

Screenshot at Nov 29 13-06-58.png

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:

Screenshot at Nov 29 13-07-23.png

 

URL: ynspo.com

 

Thanks

Pedro

 

Accepted Solution (1)
PageFly-Henry
Shopify Partner
1184 335 295

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:

PageFlyHenry_0-1701316364483.png

 




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.

View solution in original post

Replies 6 (6)

PageFly-Henry
Shopify Partner
1184 335 295

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.

PageFlyHenry_0-1701270271597.png

 

 

<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.

pmrmatos
Tourist
13 0 1

Hi,

 

I added the code but it ends up unformatting the page:

 

pmrmatos_0-1701278250053.png

 

Can you help me?

 

Thanks

Pedro

 

pmrmatos
Tourist
13 0 1

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

PageFly-Henry
Shopify Partner
1184 335 295

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:

PageFlyHenry_0-1701316364483.png

 




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.

pmrmatos
Tourist
13 0 1

Hi. Thanks a lot. It's OK now.

 

Cheers

Pedro

PageFly-Henry
Shopify Partner
1184 335 295

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.