Introduction

The Code Editor is a sophisticated code editing tool which allows you to edit your themes template files and is intended for users comfortable modifying CSS and HTML.

All Plans can access the User Stylesheet CSS file. Pro Plans and above can access all theme template files.

You can also upload assets (files) like PDF files. Please see our Upload a PDFguide.

We do not provide technical support for changes made through the Code Editor.

Tap any image to view at larger size.


In this article
  • Activate the Code Editor
  • The User Stylesheet CSS Editor
  • All Theme Files List

Activate the Code Editor

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/GLurjdpNgcZog7gR-RxQN_2rRg9SyxCqgxifgMfbB7I/02f_code_editor_toggle-Hl0.png

Tap the 'Code Editor' panel in the Design Editor.

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/Y8Z_98HmibtZyANHCk7DVui7Ya_nL6bZMJtXn4aJkhw/03_code_editor_warning-fDU.png

Read and acknowledge warning and 'Continue Anyway'.


The User Stylesheet CSS Editor

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/8-puBpBCpc4xIX1wsYrd89igJkbiCiSXHjgCl3s1hP8/04_user_stylesheet_empty-4lg.png

The User Stylesheet CSS file is available for all plans and will be empty by default.

CSS code added to this file will override the default CSS code for your site and will remain active following an update to your theme version.


All Theme Files List

https://cdn.elev.io/file/uploads/k2lIo27OTcpW6kfEWaWzUT5hdKVItF5mpfv7htngHtE/YUZmBV-gHLEb-uAM3QmGVBv2K8zABvyHX42PRWbaA7w/05_pro_files_list-6kc.png
  1. Tap 'User Stylesheet CSS' to activate dropdown
  2. All editable files for your theme will be displayed.
Saving edited code will stop your theme from auto-updating. There will be an option to update your theme to the latest version manually via the Design page instead.

Reach us online at our live chat or via our email info@format.com if you have any more questions. We’re happy to help!