Support » Plugin: Google Forms » Any boilerplate CSS for more modern styling?

  • xroox

    (@xroox)


    Hi, thanks for sharing this plugin—after reverting back to the old Forms it’s working!

    I noticed that the default styling of the form is not so hot out-of-the-box …

    … Rather than reinvent the wheel (and *ahem* also, I’m no designer), I thought there might be some recommended CSS code out there that can be used to make it look more modern and clean?

    Not just asking the theme author here; could be anyone who’s already done the grunt work of making this look better.

    Would be great (hoping)—thanks!

    • This topic was modified 6 months ago by  xroox.
    • This topic was modified 6 months ago by  xroox.
Viewing 1 replies (of 1 total)
  • Plugin Author Mike Walsh

    (@mpwalsh8)

    Styling is very much theme dependent. The plugin includes some very basic CSS which fixes things like the width of input fields and text boxes. However, it doesn’t always flow through to the form because (a) it isn’t enabled in the plugin options or (b) the theme CSS is defined such that it takes precedence over what the plugin provides.

    Fixing CSS issues is usually, but not always, pretty straight forward. I use Firefox’s developer tools or Chrome’s developer tools to test CSS before adding it to the form definition or plugin settings. It is usually trial and error but most of the CSS is easy to tweak. Sometimes bulleted lists can be challenge due to the “cascade” in CSS but I have yet to run into a situation which can’t be fixed.

    If nothing else, the CSS provided with the plugin will give you an idea of the CSS classes you can play with to refine the appearance of your form on your site.

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