---
title: Override an inherited style on your site
slug: performance-edge/docs/ORdi-override-an-inherited-style-on-your-site
docTags: 
createdAt: 2026-08-05T21:01:06.545Z
---

- Optimizely Web Experimentation
- Optimizely Performance Edge
- Optimizely Personalization

If you have trouble editing an element in the Visual Editor, it may be due to styling in the code of your site being marked as `!important`, which prevents the element's styling from being changed in the editor.

The following is a workaround that you can place in your Variation Code:

1. Identify the element with inherited style by right-clicking the element and select **Inspect Element** within your browser. A console displays, and the element is highlighted on the page.
2. Right-click the element and select **Copy > Copy selector**. 

   ![Screen Shot 2016-08-25 at 3.57.39 PM.png](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/76BLjkeWvDiQc3_BlIo9p-20260720-150150.png)
3. Under the **Styles&#x20;**&#x73;ection, search for a tag called `!important`.

   ![new_styles_screenshot.png](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/P45HNRh2rGFZ1W7jo3wIh-20260720-150150.png)
4. Use the editor to create CSS by editing the CSS of the element with the Visual Editor. Open the Code Editor to find your newly created CSS.

   ![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/h6yDm84Yua2i1uGrJFHch-20260720-150150.png)
5. Add the new CSS to your variation code by replacing the element selector with the selector you copied from the browser.

   :::hint{type="info"}
   **Note**

   Make sure it is surrounded in quotes.
   :::
6. Use the following code block as a template. Replace `Your_Selector_Goes_Here`with your selector, and `property:value `with the CSS you generated in Step 2.

```javascript
$('Your_Selector_Goes_Here').attr('style', 'property: value !important; property2: value2 !important');
```

:::Paragraph{indent="1"}
It should look something like this:
:::

::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/uFaXtayohSmU1WkvdR7nq-20260720-150150.png" size="100" isUploading="false" showCaption="false" indent="2"}

7. Click **Apply**. 
