Archived topic
Shapes confined to a container
15 replies · Started by Holly on November 30, 2021
How do I confine shapes to a specific container? They’re flowing down into the next container.
See image:
Hi Holly,
Can you link us to the page?
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/
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.
No, I'm getting rid of Elementor and switching all my pages to GP/GB, hence the current question.
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.
I thought I linked to the page built with GP/GB.
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.
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
I added you as a user.
Username:
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)
Sorry to make this so complicated. I appreciate your time. Now I remember that you have to login through https://www.makesauerkraut.com/ssdoor/
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
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.