3 Replies Latest reply: Feb 26, 2013 8:14 PM by sudarshan.t RSS

    new jquery mobile theme not rendering properly

    TribJenny Community Member

      So I'm finalizing some things on a mobile website that is looking great! m.whitewatertours.com...but we wanted to make a few changes to the theming and used ThemeRoller from jQuery to do so. But after downloading my new theme and applying it to a test page our fabulous looking site now looks like something a 5 yr old created!


      I replaced the original <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> code in the Head tag with the new ones mentioned below their respective pages...(generated with the "add new css" button from DW6)


      Here's the orginal page looking great: http://m.whitewatertours.com/rafting-hot-deals.html


      than the test page with ThemeRoller Theme: http://m.whitewatertours.com/rafting-hot-deals-css-test.html

      new code = <link href="jquery-mobile/twt-mobile-theme.css" rel="stylesheet" type="text/css">

      Than I tested with a theme created from Fireworks CS6, still looking terrible...


      test page with FWCS6 theme: http://m.whitewatertours.com/rafting-hot-deals-css-test-fw.html


      I feel like I must've have done something wrong ... but have triple checked everything I can think of!