Documentation

Settings

Debugger

Designer

Developer

Customizer

Code editor

Help

Docs: Code editor

About Code editor

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Code editor

Use the code editor to update any child theme custom file.

Select default child theme SCSS, JS or PHP file from the top submenu to add your custom code.
Select any custom file from the child theme custom files panel to edit the code directly.
All custom files are organized by extension subfolders in the child theme custom folder.: wp-content/themes/dct-child-theme/custom/
Any custom file or extension subfolder deleted with FTP will be regenerated with the default template on next load.
On update: Custom file will be updated with code editor contents.
On reset: Custom file will be deleted and regenerated with default template.

Code editor: _custom.scss

Use the code editor to update any child theme custom file.

Select default child theme SCSS, JS or PHP file from the top submenu to add your custom code.
Select any custom file from the child theme custom files panel to edit the code directly.
All custom files are organized by extension subfolders in the child theme custom folder.: wp-content/themes/dct-child-theme/custom/
Any custom file or extension subfolder deleted with FTP will be regenerated with the default template on next load.
On update: Custom file will be updated with code editor contents.
On reset: Custom file will be deleted and regenerated with default template.
File:
SCSS _custom.scss/custom/scss/_custom.scss
Partial SCSS for custom frontend styles.
Used to add custom CSS to child theme frontend styles.
Type: SCSS
Size: 750 B
Modified: 2026/07/17 09:23:41
Open file in new tab
Toggle editor find & replace panel.
Hotkeys: CTRL + F to open, ESC to close
Copy editor contents to clipboard.
Toggle editor light/dark theme.

Custom file selector

Select child theme file to edit with code editor or reset contents to default template.

All custom files are organized by extension subfolders in the child theme custom folder.: wp-content/themes/dct-child-theme/custom/
Any custom file or extension subfolder deleted with FTP will be regenerated with the default template on next load.

Child theme custom files

Select child theme file to edit with code editor or reset contents to default template.

All custom files are organized by extension subfolders in the child theme custom folder.: wp-content/themes/dct-child-theme/custom/
Any custom file or extension subfolder deleted with FTP will be regenerated with the default template on next load.

Base styles: SCSS

2
/style.scss
Base SCSS to be compiled as child theme styles.
Editing this file is not recommended.
It is automatically regenerated when the child theme information is updated.
Type: SCSS
Size: 922 B
Modified: 2026/07/16 11:18:44
Edit file with code editor
/style-admin.scss
Base SCSS to be compiled as admin panel styles.
Editing this file is not recommended.
Type: SCSS
Size: 612 B
Modified: 2026/07/16 10:30:34
Edit file with code editor

Partials styles: SCSS

8
/custom/scss/_custom.scss
Partial SCSS for custom frontend styles.
Used to add custom CSS to child theme frontend styles.
Type: SCSS
Size: 750 B
Modified: 2026/07/17 09:23:41
Edit file with code editor
/custom/scss/_custom-admin.scss
Partial SCSS for custom admin panel styles.
Used to add custom CSS to child theme admin panel styles.
Type: SCSS
Size: 249 B
Modified: 2026/07/16 10:30:37
Edit file with code editor
/custom/scss/_colors.scss
Partial SCSS for global variables.: Colors.
Type: SCSS
Size: 664 B
Modified: 2026/07/16 11:21:42
Edit file with code editor
/custom/scss/_fonts.scss
Partial SCSS for global variables.: Fonts.
Type: SCSS
Size: 177 B
Modified: 2026/07/16 10:30:38
Edit file with code editor
/custom/scss/_sizes.scss
Partial SCSS for global variables.: Sizes.
Type: SCSS
Size: 177 B
Modified: 2026/07/16 10:30:38
Edit file with code editor
/custom/scss/_preloader.scss
Partial SCSS styles for customizer: Page preloader.
Type: SCSS
Size: 1 KB
Modified: 2026/07/16 11:30:10
Edit file with code editor
/custom/scss/_admin-panel.scss
Partial SCSS styles for customizer: Admin panel.
Type: SCSS
Size: 7 KB
Modified: 2026/07/16 11:27:47
Edit file with code editor
/custom/scss/login-page.scss
Partial SCSS styles for customizer: Login page.
Type: SCSS
Size: 3 KB
Modified: 2026/07/16 11:28:55
Edit file with code editor

Compiled styles: CSS

3
/style.css
Compiled CSS child theme for frontend styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 3 KB
Modified: 2026/07/17 09:24:14
Edit file with code editor
/style-admin.css
Compiled CSS child theme for admin panel styles.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 133 KB
Modified: 2026/07/17 09:24:14
Edit file with code editor
/custom/css/login-page.css
Compiled CSS styles for customizer: Login page.
Editing this file is not recommended.
It will be overwritten by the SCSS compiler.
Type: CSS
Size: 2 KB
Modified: 2026/07/16 18:21:42
Edit file with code editor

Custom files: JS

2
/custom/js/custom.js
Child theme custom JS.
Used to add custom JS code to child theme.
Type: JS
Size: 635 B
Modified: 2026/07/16 10:30:35
Edit file with code editor
/custom/js/login-page.js
Login page custom JS.
Used to add custom JS code to login page.
Type: JS
Size: 319 B
Modified: 2026/07/16 10:30:36
Edit file with code editor

Custom files: PHP

5
/custom/php/dct-functions.php
Child theme custom PHP functions.
Used as functions.php to add custom PHP code to child theme.
Type: PHP
Size: 5 KB
Modified: 2026/07/16 11:48:27
Edit file with code editor
/custom/php/dct-assets-enqueue.php
PHP code used with developer: Enqueue assets.
Type: PHP
Size: 870 B
Modified: 2026/07/16 11:23:09
Edit file with code editor
/custom/php/dct-custom-post-types.php
PHP code used with developer: Post types.
Type: PHP
Size: 1 KB
Modified: 2026/07/17 09:09:34
Edit file with code editor
/custom/php/dct-taxonomies.php
PHP code used with developer: Taxonomies.
Type: PHP
Size: 217 B
Modified: 2026/07/16 10:30:37
Edit file with code editor
/custom/php/dct-custom-fields.php
PHP code used with developer: Custom fields.
Type: PHP
Size: 377 B
Modified: 2026/07/16 10:30:36
Edit file with code editor

Code editor functions and variables

All custom files are organized by extension subfolders in the child theme custom folder.: wp-content/themes/dct-child-theme/custom/
Any custom file or extension subfolder deleted with FTP will be regenerated with the default template on next load.
How to use global colors variables with custom files code:
How to use global fonts variables with custom files code:
How to use global sizes variables with custom files code:
How to use dct_debug function with custom files code:
How to use global $dct object with custom files code: