Forum | Appery.io

Hello Appery,
Is it possible to change the position of count bubble on the list item? I would like to change the padding of this element so it does not overlap the list item name here:

Hello Adam,

Could you please clarify what element you use for this bubble and what is the structure of this list? Also please detail have you tried to use css?

Hello Evgene,
I am talking about counter bubble element on the list item which displays the number of items underneath. So if you take look at the list you will see that item name "Słodkie przekąski" is overlapped by the bubble counter "285". I would like to move the counter bubbles more to the right.
Tried to add this css styling to list item:

.ui-listview .ui-li-count {
right: 5px;
}
but with no success. Any ideas?

Adam,

I suppose that this is correct approach - you should put this element in the page via css. Try to add some weight to this rule or use some other property, for example position: http://www.w3schools.com/css/css_posi...
Unfortunately custom css is outside the scope of standard Appery.io platform support. So you may consider purchasing Advisory Pack to get more in-depth help on this question. Here is more information about it: http://appery.io/services/#Advisory_Pack

Hi Evgene,

Thanks for your tips! I have tried to implement them, but apparently due to lack of sufficient CSS skills I was not able to build right selector:

.ui-listview .ui-li-has-count.ViewList_GroupListItem .ui-li-has-count{
position: relative !important;
right: 5px !important;
}

ul.imageListItem li.ui-li-has-count [name=GroupListItem] .ul-li-count {
position: relative !important;
right: 5px !important;
}

Both above selector failed.

In another piece of styling I use this selector:

.ui-listview .ui-li-has-thumb.ViewList_GroupListItem .ui-btn

and it works, but sommesso in case of bubble I am unable to get the right one.

Fully understand your policy, however one more small tip would't do the charm I suppose. So could you be so kind and give me one?

Hello Adam, Could you clarify what exactly doesn't work?

Hello Sergiey. I gave up on that and apllied a visual workaround that allowed me to go on with the issue. Anyway, thanks for asking.