Customization | pdir Docs

Layouts

Mon, 01 Jan 0001 00:00:00 +0000

Layout with straight header By default the ODD theme comes with a slanted header. To activate the straight header, select a layout with a straight header in the page settings. Among the modules there is a navigation module for the slanted and the straight header (Navigationsleiste mit Schräge and Navigationsleiste ohne Schräge), which is included in the respective layouts.

FAQ

Mon, 01 Jan 0001 00:00:00 +0000

Images Why is an image not displayed? The folder in the file manager may not be set to public. You can check this by editing the folder. Public must be ticked, otherwise the image is not displayed in the front end.

Multidomain

Mon, 01 Jan 0001 00:00:00 +0000

If several domains in one Contao installation should use the ODD theme, this is possible with a few workarounds. The goal of this guide is for each domain to have its own custom.scss, _custom_colors.scss and _custom_variables.scss. Note As of Contao 4.12 the publicly accessible subfolder was renamed from /web to /public. If your installation has a /web directory, use web instead of public in the following code examples.

Update to CSS variables

Mon, 01 Jan 0001 00:00:00 +0000

With version 3.7.0 the ODD theme was made accessible and all SCSS variables were switched to CSS variables. This means a manual intermediate step is necessary when updating from an older version (< 3.7.0) to a newer version (≥ 3.7.0). Requirements Existing installation of the ODD theme < 3.7.0 Update to Contao 5 1. Update the theme Open the Contao Manager. Update the ODD theme to 3.7.0 or higher (recommended: latest version). 2. Changes to the SCSS files As of version 3.7.0 the file _custom_colors.scss no longer exists. All color definitions are now in _custom_variables.scss.

Accessibility

Mon, 01 Jan 0001 00:00:00 +0000

Accessibility in the ODD theme (version 3.7.0 and later) With version 3.7.0 the ODD theme was thoroughly revised with regard to accessibility and switched to CSS variables. To use these features, a manual intermediate step is necessary when updating from an older version (< 3.7.0) to a newer version (≥ 3.7.0). ➡️ Guide: Update to CSS variables