Support » Plugin: GiveWP - Donation Plugin and Fundraising Platform » Donation forms Presentation

  • Resolved aptol

    (@aptol)


    I am new user to your great product. I have made several forms and linked them in my site. When embedding with form number, the form display scrambled. I have tried the options in settings but to no avail. The theme is Astra and Brizy editor.

    When I link direct the site the standard page does not show of course, but the form shows correct.

    Hope you can advise how to correct.

    Thank you!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Ben Meredith

    (@benmeredithgmailcom)

    Happy to help, here!

    ​This is a result of your site’s CSS (styling) being a bit too opinionated.

    We try our best to “stay in our lane” with GiveWP’s CSS, and let the theme do the bulk of the work of styling. Every now and then, depending on the theme, it means we got a little too “out of the way.”

    Here’s a short CSS snippet that will resolve your issue:

    
    [id*="give-form"] {
        white-space: normal;
    }
    
    [id*="give-form"] li:before {
        display:none;
    
    }
    

    If you need assistance implementing custom CSS on your WordPress website, we have this guide for you:
    https://givewp.com/documentation/resources/handling-custom-css-in-wordpress/

    Please note that this code snippet is provided as an example of how you can extend GiveWP with code. It’s up to you to implement and customize to your liking. We cannot provide support for custom code on your website, only the code that we create and distribute.

    If you don’t want to mess with CSS, I recommend the Multi-Step form template, which is immune to style collisions with themes. In the form settings, choose the Multi-Step template, and you’re all set!

    Have a great day!

    Thread Starter aptol

    (@aptol)

    Thank you worked like a champ! Most appreciated

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.