Custom CSS & JS Settings

The Custom CSS/JS tab in Wescle AI Suite allows you to apply additional styling and functionality to your website. This feature is particularly useful for developers and advanced users who want to customize the Web Builder or extend site functionality beyond default options.

Adding Custom CSS

Use the Custom CSS field to modify your website’s design.

Apply custom styles to blocks, elements, fonts, colors, and layouts.

Useful for branding, animations, and fine-tuning the appearance of AI-generated content.

Example:

.custom-button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
}

Adding Custom JavaScript

Use the Custom JS field to add JavaScript functions for additional interactivity.

Can be used for custom animations, form validations, tracking scripts, or third-party integrations.

Example:

document.querySelector(".custom-button").addEventListener("click", function() {
    alert("Button clicked!");
});

Applying Changes

After adding your CSS/JS, click “Save Changes”.

These scripts will be applied globally across your site.By leveraging Custom CSS & JS, you can fully personalize your Web Builder experience, ensuring your site meets your design and functionality requirements.