Custom CSS
Install the Custom CSS / Theme plugin via the customer center, drop in CSS snippets, and tweak Redmine without touching the code base.
Install the Custom CSS plugin via our customer center. After installation, open Administration -> Plugins and click the settings button to reach the CSS editor.
The plugin handles uploaded CSS safely and keeps the interface responsive while still letting you reshape every element.
Paste pure CSS into the Custom CSS field. HTML tags like <style> are not required-just enter the selectors and declarations.
You can even import remote stylesheets via @import url(...) when you prefer editing locally.
Here is how you replace the logo in the A1 Theme with your own image.
#header > h1 {
background: url(https://cdn.saas-secure.com/images/star-on-big.png) no-repeat 10px 8px;
padding-left: 40px;
}
Need complex layouts? Import remote stylesheets and keep your code in the editor only when necessary.
@import url('https://storage.googleapis.com/code.getmdl.io/1.3.0/material.indigo-blue.min.css')
CSS fields can accept scripts when wrapped in <script>. Use the plugin responsibly and avoid pasting third-party code unless you trust the source.
#header > h1 {
background: url(https://cdn.saas-secure.com/images/star-on-big.png);
padding-left: 40px;
}
</style>
<script type="text/javascript">
alert('hello world');
</script>
<style type="text/css">
Once you understand the syntax, any CSS you enter will be applied instantly across Redmine, letting you align headers, buttons, and layouts with your corporate branding.
Need more Redmine help?
Find answers about setup, access, backups, and managed hosting details.