Forum | Appery.io

Is there a way to reduce the size of the Mobiscroll scroller? It is taking up too much of the screen.

Hello Milton,

Please check this post http://stackoverflow.com/questions/13...

Yes, that worked. I was able to make them smaller.

Now, I want to change the background color, but I can't find in the CSS file where these are being made Red. Any idea what I can change to make the background of the scroller green?

Please read http://docs.mobiscroll.com/25/mobiscr...

I don't see anything in this documentation about the CSS. It looks like that was Appery created.

Milton,

Hard to say why you have red background color in mobilscroll.

We have tested it: add mobilscroll in the app from scratch and got this screen:

Please give us public link to your application. We will take a look.

Also please send a screen shot of your application "App settings" tab.
..

Here is the public link: http://appery.io/app/view/5c789ef0-c7...

I have attached the App Settings screenshot. I am trying to make the background on the Mobilscroll green like the rest of the app.

You are using custom theme: CoGo_Green

The source for this theme avaliable by this link: http://appery.io/app/view/5c789ef0-c7...

In this source you can found this rule (exactly that's set red background for the component): see details

pre

.ui-body-a,
.ui-page-theme-a .ui-body-inherit,
html .ui-bar-a .ui-body-inherit,
html .ui-body-a .ui-body-inherit,
html body .ui-group-theme-a .ui-body-inherit,
html .ui-panel-page-container-a {
background: #F71505 /{a-body-background-color}/;
border-color: #444 /{a-body-border}/;
color: #fff /{a-body-color}/;
text-shadow: 0 /{a-body-shadow-x}/ 1px /{a-body-shadow-y}/ 1px /{a-body-shadow-radius}/ #111 /{a-body-shadow-color}/;
}/pre

So you need to change it manualy or through the roller.

Thanks for finding that. It is fixed now.