Change background color of list

I am unable to change the background color of list. This is what i gave based on the help doc (http://devcenter.appery.io/documentat...) -

.listClass li a{
background-color:transparent!important;
}

and assigned this class name to my List component. However it doesnt take this value and takes the default theme's color.
1 person has
this question
+1
This topic is no longer open for comments or replies.
  • Hi,

    You can change the color of any item through this way :

    1- Go to the UI Builder --> Create New --> CSS
    2- Add a CSS class in the blank file , for example :

    .listClass{
    background-color:transparent;
    }

    3-Select the desired item ( here the list ), in the properties go down to Class Name and type the name of the class you wrote in the CSS class ( here : listClass )

    4- Under Create New Button, Select Source, open the Web_Resources Folder, then (pageName.Js) and open it

    5- Navigate to the lines that say :

    // On Load
    var Screen1_onLoad = function()

    6- Add the following line before the " };" sign :

    Apperyio('NAME_OF_COMPONENT').css('background-color', 'transparent');

    7- Save.

    8- Voila ;)

    Hope this helps :)
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. kidding, amused, unsure, silly sad, anxious, confused, frustrated happy, confident, thankful, excited indifferent, undecided, unconcerned