CSS ERROR

[Tool_Tip]

Dear ALL

We are not getting below error while writing below css code in custom css window of "Advanced KPI" object 

Also we tried below code 

& .qv-inner-object {
  border: 3px solid #fff;
  border-radius: 20px;
} 

& .qv-object-advanced-kpi {
  border-radius: 25px !important;
}

& article {
  border: 0px !important;
}

We want to hide border of KPI object.

NOTE: Please suggest to use Multi KPI object as it will be removed soon 

[robert_mika]

Are you using cloud or on premise version?

In cloud you can use the sheet property to add css.

If on premise any other extension will work

like:

https://github.com/djaskowiak/advanced-kpi

[Amit_Prajapati]

Hi @Tool_Tip  , I also tried the below one and its working fine in cloud version.

Just try with removing the = and &

.qv-inner-object {
  border: 3px solid #fff;
  border-radius: 20px;
} 
.qv-object-advanced-kpi {
  border-radius: 25px !important;
}

.article {
  border: 0px !important;
} 

[Tool_Tip]

Thank you for your response.
1) We are using on-premise
2) I think issue is with on-premise then because I have tried removing =& also still there is error 

[Tool_Tip]

It automatically adding "=" sign even if you removed

[Tool_Tip]

Dear Robert

We are using on premises and we are using the same extension which you mentioned

[Nagaraju_KCS]

Try this 

.qv-object .qv-object-content {
border: 3px solid #fff;
border-radius: 20px;
}

.qv-object-advanced-kpi .qv-object-content {
border-radius: 25px !important;
}

article {
border: 0px !important;
}

[Tool_Tip]

No Luck

[Nagaraju_KCS]

Try only below one - if it is work you can add other css 

.qv-object .qv-object-content {
border: 3px solid #fff;
border-radius: 20px;
}

This is working for me 

[Tool_Tip]

how about making it transparent?
by default it is showing white color only