-
-
Hi,
I’ve been working with Canada Helps, to update our donation forms on the website which go through them. They have indicated that some of the problems I’m having are due to padding on the website. This padding is preventing the donation forms from filling the whole screen on mobile and on a computer.
Are you able to help me, as I’m not familiar with padding and how/where I would adjust it?
Here are some examples of pages with our donation forms:
Thank you,
-
Hello,
I am glad to help, but i don’t see any content in these pages. See screenshot: https://ibb.co/WtBZnR9
What are you referring to?
Let me know.Best regards!
-
Hi,
That’s strange that no content showed up for you. Let’s try the links again, as there is content here when you go to our website.
Thanks,
-
Hello,
I see the content in the second page. Are you referring to the blue area around the form? This is content from the
<iframe>
added. See screenshot: https://ibb.co/933MrPH It’s not theme content and that’s why you do not see any option from the theme to remove it.
This is a third party plugin/code so normally it’s not included in support. But i can advise you to either try this custom css:html#fullform main.row { max-width: 1100px !important; margin: 0 !important; }
Or change the background color, so the padding is not visible.
div#cdn-mount { background-color: white; }
Best regards!
-
Hi,
I want the blue area around the form, but I want the blue area and form to expand across the full page. I’ve worked with the third party to design the form and they’ve told me the limiting factor now is the padding on the site. It’s the white around the blue that I’m trying to reduce, as I want the form to fill the page.
Thank you,
-
Hello,
I understand, then add this code:
.top_wrapper #content .container { width: 100%; max-width: 1600px !important; }
Best regards!
-
Thank you, but I’m not sure where I go to add this code.
-
-
-
You must be logged in to reply to this topic.