** Using WeBWorK **

Most of below is specific to the new version 2.16.

The template for most pages is:

webwork2/htdocs/themes/math4/system.template

You should not modify this file, because it is tracked by git and very likely to be edited between versions. But you can copy the math4 folder to a new folder named something else and customize the theme that way. You may need to rename the .css and .js files in the new folder to match your new theme name.

You would need to change the configuration (either at the course.conf level or with localOverrides.conf) to use your new theme.

The system.template is populated by:

webwork2/lib/WeBWorK/ContentGenerator.pm

In particular it is responsible for placing the WeBWorK logo at that location. If you want to put something else there, then in your new custom theme, you would remove the line with this:

<!--#webwork_logo-->

and put something else there. If you put something else there, it may mess up the styling css, and you will have to make some custom edits to the css in your custom theme. Be aware of the need to clear your browser cache to see changes take effect.

The above is doable but may be asking for trouble. At minimum, you will probably have to rebuild your custom theme when you upgrade to the next version of WW. It could be a lot easier to leave the WeBWorK logo in place and instead replace the institution logo (which is the MAA logo by default) with the new things. For that, you can forget about the above and continue to use the default math4 theme. All you need to do is add lines like these to a config file like localOverrides.conf:

$institutionLogo = 'myimage';
$institutionURL  = 'URL for target if a user clicks on the image';
$institutionName = 'Name of the target, to be used in alt text';

myimage is an image file that you place in webwork2/htdocs/themes/math4/images/. It could be for example 'myimage.svg' containing some text.