How to customize the appearance of an Open edX instance?

Posted on by

There are two ways to customize the appearance of an Open edX instance:

  • Change the theme. Open edX comes with a default theme, but you can also install custom themes. Themes control the look and feel of the user interface (UI), including the colors, fonts, and layout.
  • Modify the CSS. If you want to make more granular changes to the UI, you can modify the CSS files. This is a more advanced option, but it gives you complete control over the look and feel of the UI.

Here are the steps on how to change the theme of an Open edX instance:

  1. Enable theming in your Open edX installation.
  2. Download a custom theme from a third-party website or create your own theme.
  3. Copy the theme files to the openedx/themes directory.
  4. Restart your Open edX instance.

Once you have changed the theme, you will need to log out and log back in to your Open edX instance to see the changes.

Here are the steps on how to modify the CSS of an Open edX instance:

  1. Find the CSS files that you want to modify.
  2. Open the CSS files in a text editor.
  3. Make the desired changes to the CSS.
  4. Save the CSS files.
  5. Restart your Open edX instance.

Once you have modified the CSS, you will need to log out and log back in to your Open edX instance to see the changes.