Technical Documentation
Return to Main Documentation
ENGLISH - version 2.3
ENGLISH - version 2.3
  • Introduction
  • Getting started
    • Create your fork
    • Configure your fork
    • Keep your fork updated
    • Communication
  • Installation
    • Local installation
      • Prerequisites
      • Ubuntu Linux
      • Debian Linux
      • macOS
      • Windows
      • Vagrant
      • Docker
    • Production and staging servers
      • Installer
      • Create a deploy user
      • Generating SSH Key
      • Manual installation (not recommended)
      • Digital Ocean
      • Heroku
      • Mail server configuration
    • Basic configuration
    • User documentation and guides
  • Customization
    • Introduction
    • Translations and texts
    • Images
    • Styles with CSS
    • JavaScript
    • Models
    • Controllers
    • Views and HTML
    • Components
    • Other Ruby classes (GraphQL, lib, mailers, builders)
    • Gems
    • Application configuration
    • Routes
    • Tests
  • Technical Features
    • OAuth
    • GraphQL
    • Debates and proposals recommendations
    • Configure Census Connection
    • Local Census
    • Multitenancy
    • User content translations
  • Open Source project
    • Code of conduct
    • Contributing
    • Coding conventions
    • Open source forks and modifications
    • License
Powered by GitBook
On this page
  1. Customization

Images

PreviousTranslations and textsNextStyles with CSS

Last updated 2 months ago

If you want to overwrite any image, first you need to find out its filename, which will be located under app/assets/images/. For example, if you'd like to change the header logo (app/assets/images/logo_header.png), create another file with the exact same filename under the app/assets/images/custom/ folder. Please note that, due to restrictions in the way Ruby on Rails loads images, you will also have to rename the original file. In the example, rename app/assets/images/logo_header.png to (for example) app/assets/images/original_logo_header.png and then create your custom image in app/assets/images/custom/logo_header.png.

The images and icons that you will most likely want to change are:

  • apple-touch-icon-200.png

  • icon_home.png

  • logo_email.png

  • logo_header.png

  • map.jpg

  • social_media_icon.png

  • social_media_icon_twitter.png

Note that, instead of customizing the image using the method explained above, many of these images can be customized in the admin area, under the "Site content custom images" section.

City Map

You'll find the city map at /app/assets/images/map.jpg. You can replace it with an image of your city districts, like this .

Afterwards, we recommend you use an online tool like or to generate the html coordinates to be able to generate an for each of the districts. Those coordinates should be introduced on the respective geozones at the admin geozones panel (/admin/geozones).

map image example
http://imagemap-generator.dariodomi.de/
https://www.image-map.net/
image-map