i use the plugin Lightweight Grid Columns with the plugin Contact Form 7 and it work well if you use Widgets, but if you use it in Sections the Lightweight Grid Columns shortcodes dont work well, you can see that in this print screen:
It looks like you’re using shortcodes in the Contact Form 7 form itself. That won’t work on a page. The Contact Form 7 form uses shortcodes itself, and it will only recognize Contact Form 7 shortcodes.
You could try using the column shortcodes before and after form on the page where the form is, but of course that won’t let you get columns inside the form.
Styling forms is always a pain, even for CSS geeks like me. 🙂
Nice job, Marcelo,
That’s a good workaround. I had seen some discussions of filtering output, but since most people here are not at that skill level, I didn’t recommend it. You’re at a higher level. 🙂
That could be reverse engineered, too. I’ve looked at output of that columns plugin (and others), and then used just a bit of HTML with those same classes in the CF7 form, and voila, instant columns, no filtering. 😉 What’s also interesting is that GeneratePress comes with a grid CSS file automatically, so the same can be done without any plugin if one takes note of those classes, grid-10, grid-30, grid-50, etc.