CSS stop working

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

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)?

oh Im sorry Im on Business plan

The CSS code work well then yesterday suddenly crashes

Do you use a lot of unstable class names?

.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;
}


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

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.

1 Like