Forum | Appery.io

Hi,

I'm trying to change the original background color, I'm using jqm-classic-E theme. The background color is pink. I'm trying to change it to light grey. I created customized CSS file and added the following:

pre
.ui-body-e,
.ui-page-theme-e .ui-body-inherit,
html .ui-bar-e .ui-body-inherit,
html .ui-body-e .ui-body-inherit,
html body .ui-group-theme-e .ui-body-inherit,
html .ui-panel-page-container-e {
background: #FAFAFA /{e-body-background-color}/!important;
border-color: #f7c942 /{e-body-border}/;
color: #222 /{e-body-color}/;
text-shadow: 0 /{e-body-shadow-x}/ 0px /{e-body-shadow-y}/ 0 /{e-body-shadow-radius}/ #000 /{e-body-shadow-color}/ !important;
}
/pre

So I'm only changing the background and the text shadow here, and maintaining the rest. But what happens is, whenever I navigate to any page, the pink click will appear briefly for a fraction of second (but noticeable) before the grey appears.

I also tried to apply class instead:
pre
.C_GlobaleContainer {
background: #FAFAFA /{e-body-background-color}/!important;
background-size: cover!important;
background-position: center !important;
/pre

But had the same result.

Please advise!

Hello,

Do you change original theme file, or create your new one? Please change the original one.