# CSS stop working

**URL:** <https://community.glideapps.com/t/css-stop-working/71458>\
**Category:** Ask for Help\
**Created:** [March 6, 2024, 8:29am UTC](https://community.glideapps.com/t/css-stop-working/71458 "2024-03-06T08:29:49Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Razan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/razan/32/70368_2.png) [@Razan](https://community.glideapps.com/u/Razan)\
**Post date:** [March 6, 2024, 8:29am UTC](https://community.glideapps.com/t/css-stop-working/71458/1 "2024-03-06T08:29:49Z")

</div>

Hello  
The CSS codes stop working in my pro apps  
why!! please help

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 6, 2024, 2:42pm UTC](https://community.glideapps.com/t/css-stop-working/71458/2 "2024-03-06T14:42:57Z")

</div>

Can you provide some examples? Are you using Classic Apps (providing you said you’re on Pro, since the new plans only provide CSS on Business/Enterprise)?

---

<div class="post-metadata">

**Author:** ![Razan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/razan/32/70368_2.png) [@Razan](https://community.glideapps.com/u/Razan)\
**Post date:** [March 6, 2024, 2:58pm UTC](https://community.glideapps.com/t/css-stop-working/71458/3 "2024-03-06T14:58:44Z")

</div>

oh Im sorry Im on Business plan

---

<div class="post-metadata">

**Author:** ![Razan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/razan/32/70368_2.png) [@Razan](https://community.glideapps.com/u/Razan)\
**Post date:** [March 6, 2024, 3:00pm UTC](https://community.glideapps.com/t/css-stop-working/71458/4 "2024-03-06T15:00:27Z")

</div>

The CSS code work well then yesterday suddenly crashes

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 6, 2024, 3:01pm UTC](https://community.glideapps.com/t/css-stop-working/71458/5 "2024-03-06T15:01:43Z")

</div>

Do you use a lot of unstable class names?

---

<div class="post-metadata">

**Author:** ![Razan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/razan/32/70368_2.png) [@Razan](https://community.glideapps.com/u/Razan)\
**Post date:** [March 6, 2024, 3:01pm UTC](https://community.glideapps.com/t/css-stop-working/71458/6 "2024-03-06T15:01:48Z")

</div>

```auto
.iWoXRS {
    direction: rtl;
}
.VTOAW.image-style-circle {
    margin-left: 15px;
}
.ezXVpi svg {
    transform: rotate(180deg);
}

.eXMJmv {
    margin-bottom: 10px;
}
.hYVvZq p, .hYVvZq li, .hYVvZq small, .hYVvZq strong {
    line-height: 1.5;
}
.kRcpXJ {
    margin-left: 10px;
    margin-right: 10px;
}
.isQoDT {
    display: flex;
    flex-direction: row-reverse;
}
.kqWsxw svg {
    transform: rotate(0deg);
}
.ekXxHs {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: flex-start;
}
.goXsPb {
    margin-right: 20px 
}
.eXMJmv {
    font-size: 0.9375rem;
    line-height: unset;
}
a{
color:rgb(37, 40, 45)!important
}
.fields___StyledDiv2-sc-4nc9tc-8 {
    width: 90px;!important
}
/* edit logo */
.logo .kxtvXc {
    --ring-color:none;
    border-radius: 0;
}
/* edit arrow in breadcrumb */
.fpsjZt svg {
    transform: rotate(90deg);
}
.lfcBae {
    overflow-x: hidden;
}
/* arrange header */
.fpdwkm.inline-nav {
    grid-template-areas: "nav lef rig";
}

.PNbIp.filled {
    background-color: #e3001e;
}
.gp-md.gp-md .fields___StyledLi-sc-4nc9tc-7:not(.responsive-blocker .fields___StyledLi-sc-4nc9tc-7) {
    flex-direction: row;
}
.fields img{
    margin-left: 10px;
}
.fields .DmAsc {
    margin-right: 0;
}

.fields .ekXxHs {
    margin-bottom: 10px;
}
.wire-hint___StyledDiv4-sc-1lqsyp4-3{
   color:rgba(51,51,51,0.70);
    margin-right: 8px;
}
.hint svg {
   --stroke-color:rgba(51,51,51,0.70)!important;
}
.button .button-box{
   margin-top:15px
}
.button .cidKcZ{
color:white!important
}
.button svg {
color:white!important
}
.cidKcZ.tiles .button-text {
    color: #000000F2;
--btn-bg: rgb(141 133 134 / 23%);
}
.jUIcjr svg {
    color: #000000F2;
    font-size: 14px;
}
.drcqtn.headlineLarge {
    line-height: 2.2;
}

```

---

<div class="post-metadata">

**Author:** ![Razan](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/razan/32/70368_2.png) [@Razan](https://community.glideapps.com/u/Razan)\
**Post date:** [March 6, 2024, 3:03pm UTC](https://community.glideapps.com/t/css-stop-working/71458/7 "2024-03-06T15:03:39Z")

</div>

This is my CSS code  
by the way all CSS codes in all apps in my account stop working also

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 6, 2024, 3:10pm UTC](https://community.glideapps.com/t/css-stop-working/71458/8 "2024-03-06T15:10:25Z")

</div>

You’re using a lot of unstable class names there, like “iWoXRS” or “VTOAw”. They’re prone to breaking anytime.

I would suggest reviewing those, check the DOM and find more stable class names to use instead of this.