# Css not Working

**URL:** <https://forum.wixstudio.com/t/css-not-working/62320>\
**Category:** Ask the community\
**Tags:** css, question, code, wix-studio\
**Created:** [August 30, 2024, 6:02am UTC](https://forum.wixstudio.com/t/css-not-working/62320 "2024-08-30T06:02:06Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Goutam\_Roy](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/goutam_roy/32/96363_2.png) [@Goutam\_Roy](https://forum.wixstudio.com/u/Goutam_Roy)\
**Post date:** [August 30, 2024, 6:02am UTC](https://forum.wixstudio.com/t/css-not-working/62320/1 "2024-08-30T06:02:06Z")

</div>

**Question:**  
Css not Working

**Product:**  
I am using Wix Studio Editor.

**What are you trying to achieve:**  
I want to apply custom CSS on website

**What have you already tried:**  
I have already created a file global.css and I am writing CSS on that but that CSS not showing on frontend and also you can say it is not working.

**Additional information:**  
The following CSS I have applied  
iframe.wuksD5 {

height: 400px;

}

---

<div class="post-metadata">

**Author:** ![V-Blog](https://avatars.discourse-cdn.com/v4/letter/v/898d66/32.png) [@V-Blog](https://forum.wixstudio.com/u/V-Blog)\
**Post date:** [August 30, 2024, 6:03am UTC](https://forum.wixstudio.com/t/css-not-working/62320/2 "2024-08-30T06:03:47Z")

</div>

Certain elements are not supported in Wix Studio CSS. Like iframe, some app widgets, etc. Make sure your elementnsupports CSS. Also, check if wix actually supports the CSS format

---

<div class="post-metadata">

**Author:** ![Goutam\_Roy](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/goutam_roy/32/96363_2.png) [@Goutam\_Roy](https://forum.wixstudio.com/u/Goutam_Roy)\
**Post date:** [August 30, 2024, 6:07am UTC](https://forum.wixstudio.com/t/css-not-working/62320/3 "2024-08-30T06:07:01Z")

</div>

i am trying normal tags other than iframe and these are also not working

---

<div class="post-metadata">

**Author:** ![Goutam\_Roy](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/goutam_roy/32/96363_2.png) [@Goutam\_Roy](https://forum.wixstudio.com/u/Goutam_Roy)\
**Post date:** [August 30, 2024, 6:07am UTC](https://forum.wixstudio.com/t/css-not-working/62320/4 "2024-08-30T06:07:41Z")

</div>

what is css format in wix can you please explain?

---

<div class="post-metadata">

**Author:** ![V-Blog](https://avatars.discourse-cdn.com/v4/letter/v/898d66/32.png) [@V-Blog](https://forum.wixstudio.com/u/V-Blog)\
**Post date:** [August 30, 2024, 6:08am UTC](https://forum.wixstudio.com/t/css-not-working/62320/5 "2024-08-30T06:08:13Z")

</div>

Are you using CSS on a iframe/code embed?

---

<div class="post-metadata">

**Author:** ![Goutam\_Roy](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/goutam_roy/32/96363_2.png) [@Goutam\_Roy](https://forum.wixstudio.com/u/Goutam_Roy)\
**Post date:** [August 30, 2024, 6:12am UTC](https://forum.wixstudio.com/t/css-not-working/62320/6 "2024-08-30T06:12:53Z")

</div>

no i am saying i am using normal css not on iframe element

---

<div class="post-metadata">

**Author:** ![V-Blog](https://avatars.discourse-cdn.com/v4/letter/v/898d66/32.png) [@V-Blog](https://forum.wixstudio.com/u/V-Blog)\
**Post date:** [August 30, 2024, 6:14am UTC](https://forum.wixstudio.com/t/css-not-working/62320/7 "2024-08-30T06:14:15Z")

</div>

On which element you have applied the CSS(Text, image, button, etc)?

---

<div class="post-metadata">

**Author:** ![Goutam\_Roy](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/goutam_roy/32/96363_2.png) [@Goutam\_Roy](https://forum.wixstudio.com/u/Goutam_Roy)\
**Post date:** [August 30, 2024, 6:17am UTC](https://forum.wixstudio.com/t/css-not-working/62320/8 "2024-08-30T06:17:36Z")

</div>

applied on text but not workin

---

<div class="post-metadata">

**Author:** ![V-Blog](https://avatars.discourse-cdn.com/v4/letter/v/898d66/32.png) [@V-Blog](https://forum.wixstudio.com/u/V-Blog)\
**Post date:** [August 30, 2024, 6:22am UTC](https://forum.wixstudio.com/t/css-not-working/62320/9 "2024-08-30T06:22:45Z")

</div>

You can write the CSS for simple text, iframe.wuksD5 targets text inside the iframe. Wix Studio doesn’t support iframe elements yet. Use the CSS directly for text.

If it’s inside a iframe use style instead

---

<div class="post-metadata">

**Author:** ![Goutam\_Roy](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/goutam_roy/32/96363_2.png) [@Goutam\_Roy](https://forum.wixstudio.com/u/Goutam_Roy)\
**Post date:** [August 30, 2024, 6:27am UTC](https://forum.wixstudio.com/t/css-not-working/62320/10 "2024-08-30T06:27:28Z")

</div>

why are you not understanding, i am saying i am not adding any iframe related css , i am adding on normal text that is outside the iframe element

---

<div class="post-metadata">

**Author:** ![V-Blog](https://avatars.discourse-cdn.com/v4/letter/v/898d66/32.png) [@V-Blog](https://forum.wixstudio.com/u/V-Blog)\
**Post date:** [August 30, 2024, 6:34am UTC](https://forum.wixstudio.com/t/css-not-working/62320/11 "2024-08-30T06:34:21Z")

</div>

Try changing your CSS class to something else…Like “text7” or something

---

<div class="post-metadata">

**Author:** ![Kenny\_H](https://avatars.discourse-cdn.com/v4/letter/k/35a633/32.png) [@Kenny\_H](https://forum.wixstudio.com/u/Kenny_H)\
**Post date:** [August 30, 2024, 11:50pm UTC](https://forum.wixstudio.com/t/css-not-working/62320/12 "2024-08-30T23:50:38Z")

</div>

When you have your text element selected, look in the code section ‘ **CSS Classes** ’ tab. You will see any ‘Global’ classes that are available for the selected element. Or you will see an area where you can type in your own ‘ **Custom Class** ’ so you can target just the specific element and not all similar elements as well.

So for a standard rich text element, the global classes are: ‘ **rich-text** ’ and ‘ **rich-text\_\_text** ’. But if you add a style for either of these, the style will apply to ALL rich text boxes across your whole site. So this is where adding your own ‘Custom Class’ might be helpful if this is not what you are hoping to achieve.

When you stated that you added a rule targeting ‘ **iframe.wuksD5** ’, this would not work on standard text as the selector is an iframe. So you would want to change the selector to something like ‘.rich-text\_\_text’ if you want to affect a rich text box element.

Hope this helps…

---

<div class="post-metadata">

**Author:** ![nkhklkstksch](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/nkhklkstksch/32/96406_2.png) [@nkhklkstksch](https://forum.wixstudio.com/u/nkhklkstksch)\
**Post date:** [August 31, 2024, 12:06am UTC](https://forum.wixstudio.com/t/css-not-working/62320/13 "2024-08-31T00:06:48Z")

</div>

Hello there. I am having a similar problem, exclusively with **custom classes**. I have a paragraph html element with custom class = “content”, but when I add in global.css  
**`.content {color: green}`** as I would tipically do on a CSS when adding **`class="content"`** inside the html tag, the text doesn’t change in style. Only global classes work such as **`rich-text__text`**.

Is there a reason for this or have I missed something? I have tried on free and premium websites, no difference.

---

<div class="post-metadata">

**Author:** ![Kenny\_H](https://avatars.discourse-cdn.com/v4/letter/k/35a633/32.png) [@Kenny\_H](https://forum.wixstudio.com/u/Kenny_H)\
**Post date:** [August 31, 2024, 12:53am UTC](https://forum.wixstudio.com/t/css-not-working/62320/14 "2024-08-31T00:53:28Z")

</div>

Sorry, a little clarification on rich text boxes. The Custom Class you can add is applied to the rich text CONTAINER, not the actual paragraph text inside. This is the same as what is targeted globally with ‘ **.rich-text** ’. So styling added to this is typically overridden by the styles added directly to the text (e.g,. what you would set in the editor) due to specificity. Wix only gives you access to certain elements in the chain, not all unfortunately.

To target the inner text, you would either use ‘ **.rich-text\_\_text** ’ as you discovered for global changes, or you would use: ‘ **.your-custom-class .rich-text\_\_text** ’ to target the text inside the element with your custom class added.

---

<div class="post-metadata">

**Author:** ![nkhklkstksch](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/nkhklkstksch/32/96406_2.png) [@nkhklkstksch](https://forum.wixstudio.com/u/nkhklkstksch)\
**Post date:** [August 31, 2024, 1:20am UTC](https://forum.wixstudio.com/t/css-not-working/62320/15 "2024-08-31T01:20:24Z")

</div>

As always, the devil is in the details. **`.content .rich-text__text {color: green}`** worked nicely. Hadn’t tried that combination, thanks!
