---
title: "Unable to modify CSS for default templates on Studio"
slug: "unable-to-modify-css-for-default-templates-on-studio"
updated: 2026-01-15T06:50:45Z
published: 2026-01-15T06:50:45Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Unable to modify CSS for default templates on Studio

### Issue

When you try to modify a tooltip template for Flows, Smart-tips, or Beacons using the CSS customization feature on Whatfix Studio, you see the following message: ![CSS customization error at Flow steps](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_CSS_customization_error.png)

### Probable Cause

The selected tooltip is the default template of the tooltip, for either Flows, Smart-tips, or Beacons.

### Suggested Solutions

- Only custom tooltip templates created on the Dashboard are editable on Studio.
- You must first create a CSS customized template at a Dashboard level, and then select the template at the Studio level. For more information on how to create CSS customized tooltip templates on Dashboard, see [CSS customization of tooltips for Flows, Smart-tips, and Beacons](/studio/docs/configure-tooltips-with-css-customization). Once the CSS customized tooltip is selected on Studio, it’s possible to customize it further through CSS.

**How to customize a tooltip template using CSS on Whatfix Studio?**

Once you have created the required tooltips using CSS customization on Whatfix Dashboard, all the custom tooltips start appearing on Studio. Here’s how to view them and make further changes using CSS.

1. Click **Change** to select a custom template on Studio. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CSScustomization_steplevel_selecttemplate.png)
2. Once you select the custom template, click **CSS** to access the code view. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CSS customization_steplevel_selectCSS.png)
3. Make further modifications to the template using the CSS code view. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CSScustomization_steplevel_openCSS.png)

> [!NOTE]
> Info:
> 
> The changes made at the step level do not reflect on the Dashboard (global level) and therefore remain specific and unique to the step that you edit on Studio.

> [!WARNING]
> Note:
> 
> - CSS customization for tooltips is a Beta feature. Contact [support@whatfix.com](mailto:support@whatfix.com?subject=Enable%20CSS%20customization%20for%20tooltips%20&body=Hi%0A%0ACould%20you%20please%20enable%20CSS%20editor%20for%20ENT%0A%0A%0AThanks) to enable it.
> - The CSS code view cannot be deleted.
> - Before you customize a tooltip, as a best practice, create a backup copy of the code to prevent its unexpected loss.
> - For Content and Widgets that are already in the published stage, [ensure you Publish](/studio/docs/pushing-whatfix-content-to-production) the CSS changes to reflect.
> - Whatfix enables Account Managers and Content Managers to create CSS customized tooltips. For more information on user roles, see [Whatfix user roles](/studio/docs/whatfix-user-roles).
> - If the above issue persists, please contact [support@whatfix.com](mailto:support@whatfix.com?subject=Cannot%20modify%20CSS%20on%20Studio&body=Hi%20team%0A%0AI'm%20facing%20issues%20with%20using%20the%20CSS%20editor%20on%20Whatfix%20Studio.%20Kindly%20help.%20%0A%0AThanks).

Whatfix Studio is a browser plug-in that enables you to create various types of Whatfix content, such as Flows, Smart Tips, Beacons, and so on. The plug-in can be installed on Google Chrome and the new Microsoft Edge browsers.