Customising mobile style in vB4-1-11

[Jook]

I hope this post is helpful to someone, because it applies to vB4-1-12 just the same as to the previous version.

It's been extremely helpful to me.

I've spent several hours trying to figure out how to change the color of the default mobile theme and as soon as I read your post it became easy.

Thank you.

[woodscooter]

[Solved] Customising mobile style in vB4-1-11

After a week, I found out how it is done.

You edit the colours in the file clientscript/jquery/jquery.mobile-1.0.min.css.

Helpful hint: When you open the vBulletin style sheet in a text editor, you discover that all the tabs and newlines have been removed, so it's difficult to work with. Take a look at www.codebeautifier.com. There's an online facility which will take your compressed .css and put back all the formatting so it can be edited easily.

Save the .css file under a new name, like maybe "jquery.mymobile-1.0.min.css" so that it does not get overwritten by future upgrades.

Edit the mobile style template 'headinclude', changing the stylesheet url to refer to your newly edited .css file.

I hope this post is helpful to someone, because it applies to vB4-1-12 just the same as to the previous version.

[woodscooter]

I would like to know how to change the color of the list-dividers (currently blue) in the mobile style of my forum. I want to change them to my forum color, orange.

So far, I have created a child style from the Mobile Default, and looked for stylevars in that child style, but there are none.

It looks like the colors are hard-coded into clientscript/jquery/jquery.mobile-1.0.min.css

How do we go about making changes, and will the changes be overwritten by the next upgrade 4-1-12?

Thanks for any help and advice