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.

Add 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 custom hooks.

Theme overrides

Theme overrides works by detecting a file override which replaces a given theme file, so the system will use the override instead of the default file. Overrides are placed at app/themes/Peafowl/overrides. For example, let's say you want to replace app/themes/Peafowl/views/image.php you have to simply copy the file to app/themes/Peafowl/overrides/views/image.php and the system will now use the override instead of the default file.

Custom hooks

Custom hooks allows to add or edit code in designated areas or segments of the theme. Default theme includes a custom hooks folder where you can add your own stuff and is filled with plenty sample files. For example, to customize the share buttons follow these steps:

Chevereto will detect your non sample files (file.sample.ext) and it will load this file into the theme.

Clone 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:

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.