Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Remove padding beside donation forms

    • 6 years, 3 months ago Nicolekay
      Participant

      Expired

      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:

      Make a Donation

      Give monthly

       

      Thank you,

       

    • 6 years, 3 months ago Mirela
      Participant

      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!

    • 6 years, 3 months ago Nicolekay
      Participant

      Expired

      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.

      Make a Donation

      Give monthly

      Thanks,

       

    • 6 years, 3 months ago Mirela
      Participant

      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!

    • 6 years, 3 months ago Nicolekay
      Participant

      Expired

      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,

       

       

    • 6 years, 3 months ago Mirela
      Participant

      Hello,

      I understand, then add this code:

      .top_wrapper #content .container {
          width: 100%;
          max-width: 1600px !important;
      }

      Best regards!

    • 6 years, 3 months ago Nicolekay
      Participant

      Expired

      Thank you, but I’m not sure where I go to add this code.

       

    • 6 years, 3 months ago Mirela
      Participant

      Hello,

      Add it in General Options > Custom Css box (screenshot).

      Best regards!

    • 6 years, 3 months ago Nicolekay
      Participant

      Expired

      Thank you!

Viewing 8 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password