-
Posts
-
I insert a Mailchimp Form in a code block. and a code blog in a column element. But the background of the Mailchimp Form is not containted completely in the column. Why?
It’s mean a div tag contained in a div tag can be overflow the container.
Please explain to me understand.Hey NHAT TAN!
Thank you for usiing Enfold.
What do you mean by “code blog”? How would you like that section to look like? Please provide a mock up or a screenshot of the expected layout.
Best regards,
IsmaelHi Ismael;
Problem 1: You can see the background of the form is overflow the container.: https://imgur.com/4ksFxof
Problem 2: When I scale the screen smaller: The 1/2 columns is not the right place it should be. It should be in the right of the screen. https://imgur.com/HD6haIA
Please help me fix that.Hi,
1. Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - */ #mc_embed_signup { max-width: 88%; }2. The position of the form is displayed correctly on my system. I used Chrome browser to view your site. Let us know what device and browser are you using?
Please make sure to have cleared the browser cache and also the cache files on your website.
Best regards,
VinayHi,
Glad we could help!
1. The correct approach for the effect you are trying to create would be to add a white background to the column element from the column options and select the border-radius from the built-in border options.
The current approach is more of a crude hack so we have to use extra CSS. If you follow the above method then no need to use the extra code :)
2. The above approach should resolve the 2nd issue as well.
Thank you for using Enfold :)
Best regards,
VinayBut I do exactly what you recommend before.
Step 1: I create two 1/2 columns. Img: https://imgur.com/O7n3NrJ
Step 2: I add a white background to the second column. Img: https://imgur.com/gMOqPQv
Step 3: I create a code block and add Mailchimp Form into it. Img: https://imgur.com/fLyuH8a
What wrongs with I did?Hi ezvisa,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHi,
Use (Email address hidden if logged out) but please post the credentials here for us.
Best regards,
BasilisHi,
Thanks for the update.
Is this fixed? The contact form is being rendered properly in the second 1/2 column without background overflow. We can no longer see these issues.
Problem 1: You can see the background of the form is overflow the container.: https://imgur.com/4ksFxof
Problem 2: When I scale the screen smaller: The 1/2 columns is not the right place it should be. It should be in the right of the screen. https://imgur.com/HD6haIABest regards,
Ismael
- You must be logged in to reply to this topic.