WordPress Course Catalog Plugin - Settings - Custom CSS (Add Custom Styles)

Settings - Custom CSS

Applying Custom CSS

To apply custom themes in the WordPress Course Catalog plugin, head to Admin Dashboard → Course Catalog Pro → Settings → Custom CSS tab.

In the Custom CSS box, enter the style you want. This style will only be used on pages where the Course Catalog appears and will alter the default css settings associated with it.

Adding custom CSS - WordPress Plugin for Online Courses — Adding custom CSS

Result:

Tag filter elements with applied custom CSS - WordPress Plugin for Creating Online Courses — Tag filter elements with applied custom CSS

There are several css examples which you can use and inject into the custom css tab. Once injecting them you can also make modifications based on your needs.

Premade CSS templates - LMS Plugin for WordPress — Premade CSS templates

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.

Increasing custom CSS priority - LMS WordPress Plugin for Courses — Increasing custom CSS priority

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

For example, this line

.cmcc-catalog-title, .cmcc-course-title, .cmcc-link-title { color :#ffe000; }

Would become this line

.cmcc-catalog-title, .cmcc-course-title, .cmcc-link-title { color :#ffe000; !important; }

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

Quick Read

What is CSS

CSS allows you to make changes that WordPress, themes and even the plugins don't support. Be sure to test all changes before applying!

Learn more: General Support - Advanced - Custom CSS

CreativeMinds Can Help

If you prefer not modifying CSS and visual elements by yourself, CreativeMinds can help adapting CM plugins to your theme.

Learn more: Plugin Installation Service for WordPress by CreativeMinds

Get WordPress Course Catalog Plugin Now ➔

	More information about the WordPress Course Catalog 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