Skip to content

Styling Customization

Michael Whittaker edited this page Jan 5, 2016 · 2 revisions

Styling

Beginning from PINGO 3.1, you can set colors, fonts and other style information globally in the app/assets/stylesheets/custom_bootstrap/variables.less file.

If you want to add custom variables, use the template at https://github.com/twbs/bootstrap/blob/master/less/variables.less as a starting point and then customize the variables you like to change. These variables are the official bootstrap less-variables. Read more about less at http://lesscss.org/features/.

Please do not imitate the current design at pingo.upb.de, so users can distinguish your installation from ours.

Logo

To change the logo at the top left, change the file at app/assets/images/logo.svg. There are also some more icons/logos (such as iOS splash screens, fav icons and so on) placed in the public folder.

Footer / Legal info

You should customize the footer and info in the app/views/layouts/application.html.erb, i. e. put a link to your imprint page and change the public/privacy_policy.html to match your privacy policy. Also, set the "upb"-translation key with the name of your university in config/locales/defaults/(de|en).yml

Future updates

We recommend to commit your local changes in a commit, so you can then use git to compare and merge future versions and keep your changes.

Clone this wiki locally