If your styles are not being applied, or if some styles are working but others are not, sometimes the issue is with concatenation (aka: combining) of CSS files. This is a common feature of performance plugins, as well as some hosts. For example, by default, wordpress.com hosting will concatenate CSS scripts in an effort to improve your site’s performance.
When our plugin’s main CSS file gets concatenated, it is loaded before the LearnDash CSS file. This means that some of LearnDash’s default styles will override ours.
If you’re using a performance plugin, look to see if it is concatenating CSS files. If so, you should consider disabling this feature entirely. With most quality hosting companies, combining all your CSS files could actually be worse for performance.
If you don’t want to do this, you might have an option to exclude specific files from concatenation, while still concatenating all the others. You can add
ldx-design-upgrade-learndash to the list of CSS files to exclude.
If you’re hosting with wordpress.com, navigate to this page to add the exclusion:
Another reason why styles might not be appearing correctly is because of a theme conflict. Some themes might have written CSS that overrides ours. This can vary greatly between each theme, and each user’s specific site setup. It’s best to reach out to support so that we can assess your site and help you fix the issue.
If you have any questions, feedback or suggestions about this lesson, please let us know in the box below.