Widget does not display the full height of the image

[pmrmatos]

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

[PageFly-Henry]

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

[pmrmatos]

Hi,

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

Can you help me?

Thanks

Pedro

[pmrmatos]

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 · 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:

[pmrmatos]

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

Cheers

Pedro

[PageFly-Henry]

You are welcome @pmrmatos 😊