CSS Text color overwriting not working in Lumira Designer 2.0

[former_member184839]

Hi Everyone,

A strange thing which I noticed in Lumira 2.0. I want to change the color of selected text in the list box in Lumira Designer, after having tried many things, I also tried the same thing in Design Studio, to my surprise it works fine in the older version but doesnt in new. Has anyone else faced such scenario? Is this because of mmode?
The CSS used is written below.

TIA,

Sara

.sapUiLbx { background:transparent !important; border: none !important; box-shadow: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; font-size: 14; height: 10 } .sapUiLbx li {

background:transparent !important; box-shadow: none !important; border: none !important; text-align: left; outline: none !important; bottom: none !important; border-color: none !important } .sapUiLbxStd > ul > .sapUiLbxISel>span, .sapUiLbxstd > ul > .span { color:red !important; background:transparent !important; }

[arijit_das · Accepted solution]

Looks like you have an old application created with following settings:

In Lumira 2.0 all applications use SAPUI5 m mode as true. Hence, the class names have changed.

For example,

.sapMLIBSelected .sapMSLITitleOnly {
   color:red !important;    
}

.sapMLIB.sapMLIBSelected{
    background:transparent !important;
}

[former_member184839 · Accepted solution]

Hi Arijit,

Thanks much. It was the changed class name. I had m Mode= "true".
Works now 🙂 .

Sara

[former_member276213]

Hi,

you can try this css, but this will make the back ground red, not text.

.sapMLIBHoverable:hover { background: red; }

lidtbox-background.png