Widget does not display the full height of the image

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

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

.grid.grid-spacer .text-center { height: 500px; }

Hope that my solution works for you.

Best regards,

Henry | PageFly

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

You can try again with this code:

#shopify-section-template--20243625017687__4292e0fc-c45f-486a-9aa1-fcc774eebb36 .grid.grid-spacer .text-center { height: 500px; }

And add it here:

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

Cheers

Pedro

You are welcome @pmrmatos :blush: