changing my jquery mobile theme changes my css styling

Question

I have a collapsible set that I create on my website which looks similar to this:

Answer 1

You need to upgrade theme-classic.css using jQuery Mobile ThemeRoller.

1. Go to download page and scroll down to "Legacy versions"
2. Under version 1.3.2 - CSS open Uncompressed with Default theme: jquery.mobile-1.3.2.css, copy its' content.
3. Go to jQuery Mobile ThemeRoller, from top toolbar, click "Import or upgrade". A new window will open
4. On that window, paste 1.3.2 CSS styles. From selectmenu, select "Upgrade to version 1.4.5" and then click "Import" button
5. Review copied themes, do changes if you want. Once done, click "Download" from top toolbar, give your theme a custom name and download upgraded classic themes.

6. Place new theme and other dependencies in the following order

Demo