---
title: How To Use Custom CSS / Js Extension By Wow Elements Pro
description: "The [Custom CSS / Js extension](https://wowelements.com/extensions/custom-css-js-extension-for-elementor/) in [Wow Elements](https://wowelements.com/) Pro allows you to add custom CSS and JavaScript code directly to your Elementor elements without modifying theme files. It helps you extend design and functionality by applying custom styles, animations,…"
url: "https://wowelements.com/docs/custom-css-js-extension/"
updated: "2026-07-27"
category: Extensions Customization Guide
tags:
  - Elementor
  - Elementor Addon
  - Elementor Extensions
  - Elementor Templates
---

# How To Use Custom CSS / Js Extension By Wow Elements Pro

The [Custom CSS / Js extension](https://wowelements.com/extensions/custom-css-js-extension-for-elementor/) in [Wow Elements](https://wowelements.com/) Pro allows you to add custom CSS and JavaScript code directly to your Elementor elements without modifying theme files. It helps you extend design and functionality by applying custom styles, animations, interactions, and scripts to specific sections, containers, or widgets. With flexible code integration options and easy configuration, you can create unique and advanced customizations tailored to your website’s needs. In this documentation, we will guide you through how to use and customize the Custom CSS / Js extension in Wow Elements Pro.

## Enabling the Custom CSS / Js Extension

![Enabling the Custom CSS / Js Extension](https://wowelements.com/wp-content/uploads/2026/06/Enable-the-extension-1024x512.webp)

To use the **Custom CSS / Js **Extension from Wow Elements Pro, first, you have to enable the extension.

1. Go to **WordPress dashboard → Wow Elements** Plugin dashboard.
2. Then, Click the **Extension** Tab.
3. Search the **Custom CSS / Js** Extension Name.
4. Enable the **Custom CSS / Js** Extension.
5. Hit the **Save Settings** Button

## Where To Find The Custom CSS / Js Extension

![Where To Find The Custom CSS / Js Extension 01](https://wowelements.com/wp-content/uploads/2026/06/Where-to-find-the-extension-01-1024x584.webp)

1. To find the extension, you must need to open a page with Elementor Editor.
2. After that, on the top left you will find the page settings option. Click on that option to open the page settings.

![Where To Find The Custom CSS / Js Extension 02](https://wowelements.com/wp-content/uploads/2026/06/Where-to-find-the-extension-02-1024x561.webp)

3. After the page settings open, then click on the Advanced Tab of the Page settings.
4. Now, in this field you will find the Custom CSS / Js extension section.

## Configuring the Custom CSS / Js Extension

![Configuring the Custom CSS / Js Extension 01](https://wowelements.com/wp-content/uploads/2026/06/Configuring-the-extension-1024x512.webp)

1. In this field you can add custom CSS and JavaScript code directly to your Elementor elements without modifying theme files. It helps you extend design and functionality by applying custom styles, animations, interactions, and scripts to specific sections, containers, or widgets. With flexible code integration options and easy configuration, you can create unique and advanced customizations tailored to your website’s needs. Here we have added to code to create a support logo and text to this page. Now, let's publish the page and see what we have got -

![Configuring the Custom CSS / Js Extension 02](https://wowelements.com/wp-content/uploads/2026/06/Configuring-the-extension-example-1024x538.webp)

While previewing the page after published we can see that we have received a visual of chat support along with text, as per our provided code. In this way we can change and modify anything so easily.

All done, You have successfully customised the Custom CSS / Js Extension on your website.

## Video Assist

[How to Use Custom CSS or JS Extension in Elementor | Wow Elements Tutorial](https://www.youtube.com/embed/iilKNHw5TdY?feature=oembed&enablejsapi=1)

You can also watch the tutorial video about the Custom CSS / Js Extension. Please visit the [demo page](https://wowelements.com/extensions/text-gradient-background-extension-for-elementor/) for examples.

Thanks for staying with us.