jquery mobile css override not working
I've tried many different approaches to override the body color of my jqm
site but no luck. Something seemed broken because firebug shows me the
correct colour but the remote jqm.min.css is still overriding mine. I'm
wondering whether my html file is corrupt.
http://qandaapp.scienceacademy.org.au/publish/index6.html
Order of css files
<link rel="stylesheet"
href="http://code.jquery.com/mobile/1.3.2/jquery.mobile- 1.3.2.min.css"
/>
<link rel="stylesheet" href="themes/custom-1/Q.css">
<link rel="stylesheet" type="text/css" href="includes/myoverrides.css">
Added a custom class colorOverride to
<body class="colorOverride ui-mobile-viewport ui-overlay-a">
CSS Rule
body.colorOverride.ui-mobile-viewport.ui-overlay-a,
body.colorOverride.ui-mobile-viewport.ui-body-a, ui-overlay-a, ui-body-a {
background-color:#4b5561 !important;
}
No comments:
Post a Comment