You can configure the theme in the dashboard for things like logo, favicon, custom CSS, custom JS, etc. You can also configure your banners directly from the admin dashboard.

Custom CSS and JS

Chevereto allows you to quick and easy inject custom CSS and JS code into your website. To do this simple follow these steps:

Note: You can also add custom CSS and JS using the custom hooks method.

Theme overrides

If you want to customize one or maybe just a few theme files the best thing to do is to use theme overrides. Theme overrides works by detecting an override file and use it instead of the default one. For example, to use a custom image viewer page:

By doing this you will be able to keep changes over time in a more easier way. You will still need to push changes from the default theme to your own overrides, but it will only afect the files that you actually edited and not all the theme.

Custom hooks method

In the default theme you will find the custom_hooks folder. This is perfect for you if you want to customize things a little more. Here you will be able to add code to header, footer, the share links and style.css. All the files in this folder will hook to the theme and will allow you to add your custom code easily.

Custom code is perfect if you want to alter the CSS or JS and not worry about upcoming theme updates. If you need more customization you should clone the default theme and make your default based theme.

Clone the default theme

If you need more customization you should clone the default "Peafowl" theme and do your work in this new theme. To clone the default theme:

The best way to keep a track of default theme changes is by creating a local git repo in your computer. Create a local git repo with last Chevereto version and commit each time you want to merge the code and will be able to see exactly all the changes line by line. We recommend you to use SourceTree which is completely free.