Hi all.

I’m not in the IT industry, just a college lecturer trying to give my students some bite size learning resources to use on their phones.

I do have some programming experience mainly VB with Silverlight to get visual attendance data over time and HTML from a site I had a few years ago.

I have created a single html page that has about 8 jqm pages for information relevant to their course, with a 10 question multi-choice quiz (10 pages) at the end with feedback on their chosen answers.

This is all html and a ThemeRoller  CSS  file and it all works fine. Tested on an iPad 2, Samsung Note, iPhone 5/4s and a HTC HD2 with WM6.5 for now.

What I really need now is to be able to give the end user the ability to choose from 3 font sizes and 3 background colours, that will change only the body content text and the background colour, for this text, across multiple pages within the single HTML file.

I do not need to change anything for any UI Bars, headers, footers or widgets etc .

I have scoured the net and all the info I have found is about changing buttons or headers etc.

I realise that I am going to have to delve into CSS and JavaScript, I’m fine with that and look forward to learning it.

Could I ask for a few people to point me in the right direction about how you would approach this task?

I am imagining that my problem will be with the multiple pages, as the nine possible variations I hope to offer would need to be updated across all the pages that have content text.

Many Thanks.

Steve.