Skip navigation
Currently Being Moderated

new jquery mobile theme not rendering properly

Feb 25, 2013 1:23 PM

Tags: #jquery #dreamweaver #mobile #css #html5 #cs6 #theme

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!

 

Jenny

 
Replies
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Feb 25, 2013 10:45 PM   in reply to TribJenny

    Jenny, the link to jQuery.mobile css is missing in your new page. Add this before Line 7 (before calling twt-mobile-theme.css)

     

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">

    -ST

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    4,000 posts
    Oct 15, 2010
    Currently Being Moderated
    Feb 26, 2013 8:14 PM   in reply to TribJenny

    You're welcome.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points