Styling plugin's configuration form via CSS

#1

Hi.

I’m redesigning the configuration form for a plugin I’d created, and would like to add some styling to parts of it. I can, of course, add online style to any element, but I would rather have an external CSS and use that.

I’ve tried creating a CSS file and putting it into plugin/views/admin/css folder, calling it style.css or pluginname.css, but to no effect.

So, I was wondering if is there actually a way to achieve the result. Any hint will be precious, thanks in advance.

#2

There’s no automatic loading of CSS for the configuration form.

You have two options to do this that I can think of:

  1. Load the CSS in the admin_head hook.
  2. Put a <link> tag directly in the content of the configuration form. This is legal in HTML5.
#3

Thanks, John.
I am not so sure on option 2, as from what I understand the <link> tag should be put inside the <head> section to avoid reloading style rules, from what I understand; so, your option 1 seems to be the best one, I’ll give it a try.