[Support request] Shapes confined to a container

[Holly]

How do I confine shapes to a specific container? They’re flowing down into the next container.

See image:

[Ying]

Hi Holly,

Can you link us to the page?

[Holly]

It’s under construction. I don’t know the best way to give you access, but I tried passwording it. Here’s the page: https://www.makesauerkraut.com/7-fermentation-mistakes/

[Ying]

Ah you are using Elementor to build this page, Unfortuanly GP has no control of any of these contents 🙁

I would recommend reach out to Elementor’s support.

[Holly]

No, I’m getting rid of Elementor and switching all my pages to GP/GB, hence the current question.

[Ying]

I’m getting rid of Elementor and switching all my pages to GP/GB

That’s good! If you have issue using GP/GB, we would be happy to help.

But we can’t help with the page built with Elementor as it’s not our expertise.

[Holly]

I thought I linked to the page built with GP/GB.

[Elvin]

Hi Holly,

I thought I linked to the page built with GP/GB.

Did you mean this page?
https://www.makesauerkraut.com/7-fermentation-mistakes-freebie-fb/

If so, this page is still using Elementor – https://share.getcloudapp.com/p9uN9Anp

Can you confirm if this is the correct page? Let us know.

[Holly]

No. That’s the page I’m duplicating in GeneratePress on this page:

A Sandbox 7 Fermentation Mistakes
https://www.makesauerkraut.com/7-fermentation-mistakes

https://www.makesauerkraut.com/wp-admin/post.php?post=20189&action=edit

[Holly]

I added you as a user.

[Holly]

Username:

[Elvin]

Attempting to access /7-fermentation-mistakes page redirects automatically to /7-fermentation-mistakes-freebie-fb

The usual /login and /wp-admin to login to the WP sites seemed to have been removed on this site.

Can you include the link to the login page as well? Thanks. (accessing the post edit leads to 404 page instead of the login page)

[Holly]

Sorry to make this so complicated. I appreciate your time. Now I remember that you have to login through https://www.makesauerkraut.com/ssdoor/

[Elvin]

Thanks, I’m seeing it now.

Were you trying to crop it like this?
https://share.getcloudapp.com/7KuArEzx

If so, here’s what you can do.

Try adding this CSS on Appearance > Customize > Additional CSS:

.overflow-hidden { overflow: hidden; }

And then add the class overflow-hidden on the container block with the shape like this – https://share.getcloudapp.com/rRuWRbmX

[Holly]

WOW! That’s so helpful. I’ll give it a try tomorrow and let you know how I make out. Thank you for your prompt and helpful coding.

[Author]

Posts