How to change the list background color and borders

[Evgene Karachevtsev]

Hello Paul,

Please share you project with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a and tell us its name. http://devcenter.appery.io/documentat...
Also please specify, background of what element do you wants to change?

[Evgene Karachevtsev]

Paul,

Please use this css
pre[name=mobilelist_50] li{
background:transparent!important;
border:none!important;
}
[name=mobilelist_50] li .ui-btn{
background:transparent!important;
}/pre
If you want to change color on hover on mobilelistitem, then add this
pre[name=mobilelist_50] li .ui-btn:hover{
background:#373737!important;
}/pre

[Paul Medawar]

Hi Evgene, great thanks it worked

[Fotios Kotsiopoulos]

Hi ,

Apologies for the newbie question, but where exactly in the appery.io app builder does one apply the css code

li{
background:transparent!important;
border:none!important;
}

for a list item with name mobilelist_xxx.

Do you have to select the list item and go to properties, common, more properties?

[Yurii Orishchuk]

Hi Fotios,

It seems it in core or theme styles.

You can rewrite this rule with .

1. Add new CSS asset.

2. Use following JS code:

   pre

   html body li{
   /* here is some styles */
   background:transparent!important;
   border:none!important;
   }

   /pre

   More info here: http://stackoverflow.com/questions/19...

   Regards.