Reduce the size of Mobiscroll Scroller

[Milton Davis]

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

[Alena Prykhodko]

Hello Milton,

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

[Milton Davis]

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?

[Alena Prykhodko]

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

[Milton Davis]

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

[Alena Prykhodko]

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.
..

[Milton Davis]

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.

[Alena Prykhodko]

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.

[Milton Davis]

Thanks for finding that. It is fixed now.