Adding CSS in Canvas Catalog as sub-account admin

Question

Does anyone have experience adding custom CSS in Canvas Catalog? I am trying to add custom CSS as a sub-account admin and it does not want to take effect on the page.  I was wondering if there was a delay from when you add it in the custom CSS section to when its available for use.  @James ‌ do you have any experience with this?

James · Answer

Sorry,  @tylerweldon , we don't use Canvas Catalog. I can just give general advice and we don't have any custom CSS right now, but I don't remember their being a delay for that.

You've probably already tried clearing your cache or forcing a page reload. Assuming that you have, one thing you can check is to use the Developer Tools of your browser to make sure it's loading the proper file. That's normally F12 on Windows browsers. I'm using Firefox in the example below, but Chrome has similar functionality.

Once you open up the Developer Tools, click on Style Editor. Then try to find your CSS file on the side. We don't have custom CSS, but some of the scripts I've written add some, so I'll show that instead.

When you click on the one on the left, you can verify that it's getting loaded. If it isn't then you head down one path and figure out why not.

If it is getting loaded, then perhaps there is some bad CSS or wrong selectors in there. You can use that same place (the panel on the right) to test out your CSS and make sure it's going to work. The changes take effect immediately. Even though there's a beta instance, it's quicker to test it in Developer Tools than it is to create a file, upload it, refresh the browser, wait for the page to reload, etc.