Styling CSS

option 1 override klevu styles (recommended) the simplest, and our recommended approach to custom styling, is to override the base css rules create your own stylesheet, include it in your website and override the styles you would like to change by cross referencing our base stylesheets with this approach, as klevu introduces new features or bug fixes, we may tweak the base css and you will directly benefit from these fixes we take care not to introduce any breaking changes, but this approach does mean that if you have overridden something which we change in our base file, you may need to make minor changes to your own overrides from time to time default css files https //js klevu com/theme/default/v2/quick styles css https //js klevu com/theme/default/v2/landing styles css https //js klevu com/theme/default/v2/catnav styles css note you can place an additional debug within the filename to view the un minified version this is handy for reference purposes only e g https //js klevu com/theme/default/v2/quick styles debug css option 2 overwrite klevu styles if you prefer to modify the styles directly, rather than creating overrides, you may wish to take a copy of our css file and create your own version you can then add this to your website and modify any of our css rules in place in order to stop klevu styles from loading, you will need to add a setting to klevu initialization to prevent the loading of our default styles klevu({ theme { quicksearch { loaddefaultstyles false }, landing { loaddefaultstyles false }, catnav { loaddefaultstyles false } } }); important note about klevu analytics classes the klevu template js includes the necessary analytics class selectors for reporting product click tracking including these specific class selectors is a common oversight when using custom templates see analytics/tracking docid\ ryzkc8ncv55 qcfjluohq for further details