Page 2 of 2

How to change the list background color and borders

Posted: Thu Sep 25, 2014 8:42 am
by 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?


How to change the list background color and borders

Posted: Thu Sep 25, 2014 9:50 am
by 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


How to change the list background color and borders

Posted: Thu Sep 25, 2014 10:01 am
by Paul Medawar

Hi Evgene, great thanks it worked


How to change the list background color and borders

Posted: Thu Feb 05, 2015 9:22 am
by 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?


How to change the list background color and borders

Posted: Fri Feb 06, 2015 12:52 am
by 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.