Change background of list

[Deon]

Hi
How do I change the background of a list and its items to transparent,
This link example does not work.
https://getsatisfaction.com/apperyio/...

[Serhii Kulibaba]

Hello Deon,

Please use CSS below for that:

pre[name="myList"].ui-listview li a{
background:rgba(0,0,0,0);
}/pre
Here myList - name of your list component

[Deon]

Hi
Where must I put that code? In my css file. I have tried . Does not work.

[Serhii Kulibaba]

You are right, add it into the custom CSS file.
What theme/swatch do you use there? What is the name of you list component?

[Deon]

I have IOS Main Swatch is F
I have various lists. I understand that I would need to name each one.
Thank you

[Jeffry Reed]

I have experienced difficulties in applying css so out of curiosity I tried this as well, which does not seem to work.

I am using flat-ui, swatch E, with a list, lstOrders, with swatch C

[name="lstOrders"].ui-listview li a{
background:rgba(0,0,0,0);
}

has no effect in design or run time

[Serhii Kulibaba]

@Deon,

Please clarify, what theme exactly do you use there?
We have several ios-like themes:

@Jeffry,

Please look at this screenshot with flat-ui/swatch E:

Do you have the same behavior?

[Deon]

Hi Sergiy

I am using IOS7 JQM 1_4
Thx

[Serhii Kulibaba]

That CSS works fine also on that theme:

Please check the name of the list component, and it's location. Is it located in the content component directly? Please inspect list component with browser's dev tools: https://docs.appery.io/docs/using-bro... to get a CSS selector for the current background and set the same with transparent color

[Deon]

Aaah. My List is located in a popup.

Thx