Issue with form grid
-
Hi,
We have been using form grid with 3 columns for a long time and the CSS formatting as far a I recall was based automatically on our theme. We loved it so much that we added some extra stuff on the donate page based on those buttons. At some point, an upgrade broke our grid and it showed an error. We restored the grid only to find that we lost all CSS – no background color, text not centered as before. Adding custom CSS to the grid on the donate page is breaking the grid with this error “This block has encountered an error and cannot be previewed.”
Can you please help? Thank you!
The page I need help with: [log in to see the link]
-
Hi @shihtzurescue ,
Glad you reached out. I’d like to gather a bit more information about CSS that is broken on your site.First, send along your system information. You can do this by navigating to Donations > Tools > System Info (tab) and click the button to “Get System Report” and copy/paste that in your reply here.
Just to confirm: You are using the Form Grid Block, do I have that right?
GiveWP tends to “stay in our lane” when it comes to CSS, leaving the heavy lifting to your theme. I’m running some tests using the Form Grid Block, and the most updated version of GiveWP to see if I can replicate an error or some breakage. In the meantime, your system information will help give me more context about your theme and other plugins you are running that will help me during the testing process.
Let me know if you have any questions in the meantime, I’m happy to help.
@stephanieliy thank you for responding. I am indeed referring to Form Grid Block that you linked to.
We do have many plug-ins at this time (gasp) but that will change soon.
Thank you for your assistance.
WordPress Environment Home URL: http://www.lahpstr.com Site URL: http://www.lahpstr.com WP Version: 6.1.1 WP Multisite: – WP Memory Limit: 768 MB WP Debug Mode: ✔</img> WP Cron: ✔</img> Language: en_US Permalink Structure: /%postname%/ Show on Front: page Page on Front: Lend A Helping Paw Shih Tzu Rescue (#52) Page for Posts: Blog by Lend A Helping Paw Shih Tzu Rescue (#1592) Table Prefix Length: wp_ Table Prefix Length: 3 Table Prefix Status: Acceptable Admin AJAX: Accessible Registered Post Statuses: publish, future, draft, pending, private, trash, auto-draft, inherit, request-pending, request-confirmed, request-failed, request-completed, refunded, failed, revoked, cancelled, abandoned, processing, preapproval Server Environment Hosting Provider: DBH: 127.0.0.1, SRV: www.lahpstr.com TLS Connection: Connection uses TLS 1.3 TLS Connection: Probably Okay Server Info: Apache PHP Version: 7.4.33 PHP Post Max Size: 256 MB PHP Time Limit: 120 PHP Max Input Vars: 3000 PHP Max Upload Size: 256 MB cURL Version: 7.66.0, OpenSSL/1.1.1q-fips SUHOSIN Installed: – MySQL Version: 5.7.39 Default Timezone is UTC: ✔</img> fsockopen/cURL: ✔</img> SoapClient: ✔</img> DOMDocument: ✔</img> gzip: ✔</img> GD Graphics Library: ✔</img> Multibyte String: ✔</img> Remote Post: ✔</img> Remote Get: ✔</img> GiveWP Configuration GiveWP Version: 2.24.2 GiveWP Cache: Enabled Database Updates: All DB Updates Completed. Database Updates: Few Database Migrations still need to run. Database Tables: ✔</img> wp_give_donors✔</img> wp_give_donormeta✔</img> wp_give_comments✔</img> wp_give_commentmeta✔</img> wp_give_sessions✔</img> wp_give_formmeta✔</img> wp_give_sequential_ordering✔</img> wp_give_donationmeta✔</img> wp_give_revenue✔</img> wp_give_migrations✔</img> wp_give_log GiveWP Cache: Enabled GiveWP Cache: ✔</img>New Donation✔</img>Donation Receipt✔</img>Donation Processing Receipt✔</img>New Offline Donation✔</img>Offline Donation Instructions❌</img>New User Registration❌</img>User Registration Information❌</img>Donation Note✔</img>Email access Upgraded From: 2.24.1 Test Mode: Disabled Currency Code: USD Currency Position: Before Decimal Separator: . Thousands Separator: , Success Page: https://www.lahpstr.com/donation-confirmation/ Failure Page: https://www.lahpstr.com/donation-failed/ Donation History Page: https://www.lahpstr.com/donor-dashboard/ GiveWP Forms Slug: /donations/ Enabled Payment Gateways: Offline Donation, PayPal Standard Default Payment Gateway: PayPal Standard PayPal IPN Notifications: IPN received for #7659 ( 7LF23438W1702293L ) on 01/23/2023 at 10:21. Status VERIFIED Donor Email Access: Enabled Stripe Webhook Notifications: N/A Active GiveWP Add-ons Other Active Plugins Admin Menu Editor: by Janis Elsts – 1.10.4 Advanced Gutenberg Blocks: by maximebj – 1.9.8 Akismet Anti-Spam: by Automattic – 5.0.2 Artifact Form Saver: by Isaac & Chevas Balloun - Artifact LLC – 1.0 Auto Hide Admin Bar: by Marcel Bootsman – 1.6.2 Classic Widgets: by WordPress Contributors – 0.3 Code Snippets: by Code Snippets Pro – 3.2.2 Complianz | GDPR/CCPA Cookie Consent: by Really Simple Plugins – 6.4.0 Donation Thermometer: by Henry Patton – 2.2 Easy Accordion: by ShapedPlugin – 2.2.0 Enable Media Replace: by ShortPixel – 4.0.2 Favicon by RealFaviconGenerator: by Philippe Bernard – 1.3.27 Feed Them Social - for Twitter feed, Youtube, and more: by SlickRemix – 3.0.2 Header Footer Code Manager: by 99robots – 1.1.32 Health Check & Troubleshooting: by The WordPress.org community – 1.5.1 If Widget - Visibility control for Widgets: by Layered – 0.5 iQ Block Country: by Pascal – 1.2.19 Jetpack: by Automattic – 11.7.1 List Petfinder Pets: by Bridget Wessel – 1.1 LoginPress - Customizing the WordPress Login Screen.: by WPBrigade – 1.7.0 myStickymenu: by Premio – 2.6.2 Otter – Page Builder Blocks & Extensions for Gutenberg: by ThemeIsle – 2.2.1 PDFjs Viewer - Embed PDFs: by Ben Lawson, Thomas McMahon – 2.1.8 Phoenix Media Rename: by crossi72 – 3.8.8 Rank Math SEO: by Rank Math – 1.0.107.3 Redirect URL to Post: by Chatty Mango – 0.22.0 Shortcode in Menus: by Gagan Deep Singh – 3.5.1 Shortcodes Ultimate: by Vova Anokhin – 5.12.6 Simple Banner: by Ryan Petersen – 2.12.2 Simple Download Monitor: by Tips and Tricks HQ, Ruhul Amin, Josh Lobe – 3.9.15 Simply Schedule Appointments: by N Squared – 1.6.4.10 SiteGround Optimizer: by SiteGround – 7.3.0 Site Kit by Google: by Google – 1.93.0 SiteOrigin Widgets Bundle: by SiteOrigin – 1.46.3 Social Icons Widget & Block by WPZOOM: by WPZOOM – 4.2.10 Social Link Pages: by – 1.4.9 Stop Donor Spam: by Matt Cromwell – 1.2.0 TrustedSite: by TrustedSite – 1.1.2 UpdraftPlus - Backup/Restore: by UpdraftPlus.Com, DavidAnderson – 1.22.24 View Admin As: by Jory Hogeveen – 1.8.8 Web Stories: by Google – 1.28.1 Wordfence Security: by Wordfence – 7.8.2 WP-Members: by Chad Butler – 3.4.6 WP-Optimize - Clean, Compress, Cache: by David Anderson, Ruhani Rabin, Team Updraft – 3.2.10 WP Activity Log: by WP White Security – 4.4.3.1 WP Activity Log for WPForms: by WP White Security – 1.2.2 WPBeginner's Compact Archives: by WPBeginner – 4.1.0 WPCode Lite: by WPCode – 2.0.6 WPForms: by WPForms – 1.7.9.1 WPForms Custom Captcha: by WPForms – 1.6.0 WPForms Form Locker: by WPForms – 2.3.0 WPForms Geolocation: by WPForms – 2.3.1 WPForms Offline Forms: by WPForms – 1.2.3 WPForms Save and Resume: by WPForms – 1.4.0 WPForms Signatures: by WPForms – 1.6.0 WPForms User Journey: by WPForms – 1.0.6 WP Mail SMTP: by WPForms – 3.7.0 WP Review Slider: by LJ Apps – 12.2 Inactive Plugins Google Analytics for WordPress by MonsterInsights: by MonsterInsights – 8.12.1 Restrict User Access: by Joachim Jensen - DEV Institute – 2.4.1 WPForms Conversational Forms: by WPForms – 1.5.0 WPForms Form Abandonment: by WPForms – 1.4.4 WPForms Form Pages: by WPForms – 1.4.1 WPForms Form Templates Pack: by WPForms – 1.2.2 WPForms PayPal Standard: by WPForms – 1.3.4 WPForms Sendinblue: by WPForms – 1.0.0 WPForms Surveys and Polls: by WPForms – 1.6.3 WPForms Zapier: by WPForms – 1.3.0 Active MU Plugins Health Check Troubleshooting Mode: by – 1.7.2 Theme Name: Scribbles Version: 1.1.2 Author URL: https://www.godaddy.com/ Child Theme: Yes Parent Theme Name: Primer Parent Theme Version: 1.8.9 Parent Theme Author URL: https://www.godaddy.com/Hi @shihtzurescue,
I’ve run a series of tests with GiveWP and the Form Grid Block, and wasn’t able to replicate CSS breaking. I also attempted a series of tests using some of the plugins you are running, but didn’t have success there, either.
There are some plugins running that I’m not able to test, and I’m not able to test the theme, either because they are paid products or because the configurations for them are too varied for me to really accurately test. I suspect another plugin or your theme may be behind this, but I can’t be 100% sure which. I would recommend running a Health Check to help narrow down the culprit. You can read more about that here: https://givewp.com/documentation/resources/troubleshoot-wordpress-websites-health-check/
I need for an issue to be replicable in order to dig in and troubleshoot it, and because I can’t replicate independently in my own sandbox at the moment, I’m relatively stuck. If you run through that Health Check and can get me some rails to run on, I’d be happy to hop back in for further testing.
Let me know if you have questions in the meantime!@stephanieliy OK, let me run Health Check and get back to you. Thank you for your help so far.
@stephanieliy ran Health Check and saw that with just Give and the theme enabled, the issue exists – no background color, left aligned. Changed the theme to twenty twenty and saw the same thing.
Hi @shihtzurescue,
I’ve been doing a bit more digging, and I think a little more information would be helpful here.
Could you send along a screenshot of what the form grid looked like before the breakage? I’m wondering if you had some custom CSS implemented, and that’s what broke as opposed to GiveWP’s code. Being able to see what you had running before the break happened will be a big help here.
Thanks for you patience while I’m looking into things! If you have questions in the meantime, I’m here to help.Hi @shihtzurescue,
It’s been a bit since we’ve heard back, and I know troubleshooting can take a little extra time. I’m marking this as resolved for now, but if you still have questions you can create a new ticket right here and we’ll be happy to hop in for another look. Have a great day!
- The topic ‘Issue with form grid’ is closed to new replies.
