Help! Where to host custom CSS file in edX courses?

Site Operators Site Operations Help
1

Hi! If anyone can help that would amazing.

We are setting up all of our edX courses using our own CSS global file. We need to confirm what we are doing is ok when running 10-20 courses.

Our Current Solution
We currently have the CSS file living within the Files of a course. We are referencing it with a placeholder RAW HTML component that contains the to this file. Is this an ok solution? It seems to work and we are able to reference the file from one main course that holds the CSS to many courses that contain the stylesheet link code.

Other Solution
We could also inject the CSS and host the file on Github? Is this ok to do?

Using Advanced Settings
I can’t seem to get the CSS global setting to work, this would be ideal in concept but I need to get a solution that works asap so reverted to the two above. We also don’t have the time or budget to create custom XBlock components for what we need.

Any help would be great!

2

Hi ,

You can use brand-openedx to style the platform GitHub - openedx/brand-openedx
there are many posts in the discussions about how to setup and use.

You can also style the course content area in xBlocks from studio using Course-wide Custom CSS check this post

3

Thanks so much @harout7 ! Really helpful.

I just added a comment on the second post link you sent. Wondering if you could look at that and see what you think? Heres the link