WordPress File Manager Plugin (CMDM) - Settings - Custom CSS

Settings - Custom CSS

Back to User Guides

The WordPress File Manager plugin Custom CSS tab in the plugin interface allows you, as site Admin, to override any of the plugin’s CSS rules by simply placing your own styles in the Custom CSS text box.

Navigate to Admin Dashboard → CM Download Manager Pro → Settings → Custom CSS.

Here you can override the plugin’s CSS rules by simply placing your own styles in the custom CSS text box:

Why use WordPress File Manager plugin custom CSS?

The WordPress File Manager plugin custom CSS feature allows you to change the appearance of your download area and customize it in case you want it to match your WordPress theme, insert a special design for holidays and events, or simply make it more appealing and to your liking. Once modified, the custom CSS will take effect on any page or post.

Here are the steps you need to take in order to set up your WordPress File Manager plugin custom CSS

• To locate the existing CSS rules, right-click on any element and in the browser menu and look for the option “Inspect Element” (This option may be phrased differently depending on what internet browser you’re using).

  

• The next step is to locate the item element and its CSS class in the source code:

  

• Once you locate the CSS class and define the change, you can use the custom CSS found in the plugin settings to customize and alter the elements!

TIP: Making your custom CSS priority with !important

If your custom CSS is not working and appearing crossed out, it means other rules have higher priority. 

You can set your rule as more important by adding the !important property. 

For example, this line:

.cma-question-button a { background:#ffe000; }

Would become this line

.cma-question-button a { background:#ffe000 !important; }

Read more about !Important: How to apply !important in CSS?

	More information about the WordPress File Manager Plugin Other WordPress products can be found at CreativeMinds WordPress Store
	Let us know how we can Improve this Product Documentation Page To open a Support Ticket visit our support center