Custom CSS and JS

In the Customize section, you will find 3 subsections: Styles, Custom CSS, and Custom Code.

In the first subsection, Styles, you can choose 3 fonts for your project and assign each one to the main text and the headers from h1 to h5. You can also configure whether your page uses the full width of the screen or a maximum width in pixels (boxed layout). In addition, you can set a background color for your website or upload a background image.

In the Custom CSS section, you can write CSS code for your project. The code written here will be applied to the entire project. Warning: do not write anything if you don’t have CSS knowledge.

Custom Code

Before </header>
Here you can add code that usually goes inside the page header, such as:

  • Custom <meta> tags.
  • Verification codes for Google, Facebook, or similar services.
  • Additional CSS styles or links to external stylesheets.

After <body>
This space is ideal for including code that should run immediately after the body tag opens, such as:

  • Tracking or analytics scripts.
  • Code required to initialize third-party services.
  • Any initial configuration that needs to load before the page content.

Before </body>
Here you can add scripts that should load at the end of the page, just before closing the body tag. This is useful for:

  • Loading external JavaScript libraries (e.g., jQuery, Bootstrap, etc.).
  • Custom scripts that interact with the page content.
  • Live chat integrations, pop-ups, or marketing tools.
Custom CSS and JS

In the Styles section, you can select 3 fonts from Google Fonts for your website.