/* Theme Name: UnodevsThemeOfficial Child Theme URI: https://unodevs.com/theme Template: unodevsthemeofficial Author: Unodevs Author URI: https://unodevs.com Description: Child theme for UnodevsThemeOfficial. Put your customisations here — CSS below, PHP in functions.php, and template overrides by copying a file from the parent into the same path in this folder. The parent can then be updated without losing any of it. Version: 16.0.0 Requires at least: 6.0 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: unodevsthemeofficial-child */ /* ========================================================================== Your CSS goes here. A note on how to override things cleanly in this theme: Almost nothing in the parent hard codes a colour, radius, shadow, blur or spacing value — they all read CSS custom properties that the parent prints at runtime from the dashboard palette. So the tidiest override is usually to change a variable, not to fight a rule. Change one value everywhere: :root { --u-radius: 4px; --u-primary: #e8590c; --u-primary-rgb: 232, 89, 12; } Note the paired -rgb variable. Anything semi-transparent in the parent uses rgba(var(--u-primary-rgb), .2), so change both or the tints will disagree with the solids. Change one value on one demo only. Each demo adds a class to , so you can scope an override to it and leave the others alone: body.u-style-strata { --u-primary: #1747c0; --u-primary-rgb: 23, 71, 192; } The classes are u-style-studio, u-style-playful, u-style-kinetic, u-style-maxi (Riot) and u-style-strata. The two newest layers also expose tokens of their own, which is usually a tidier place to override than any individual rule: body.u-style-maxi { --u-mx-edge: 2px; --u-mx-lift: 4px; } (--u-mx-edge is the border weight, --u-mx-lift the hard shadow offset.) body.u-style-strata { --u-st-hair: rgba(28, 36, 48, 0.2); } Strata's four scroll sections are .u-flow, .u-reel, .u-depth and .u-gate. They are registered sections, so they appear in every demo and you can restyle them from anywhere — but leave their transforms alone. Those are written every frame by the motion script, and a transition on top of one fights it rather than smoothing it. The full variable list is printed in the page source inside the inline