4.1.2 mobile style customizing?

[risestar]

I just upgraded to the 4.1.2 and am trying to make a few changes to the mobile style, mostly the colors of the category header bars and a few other things, however changing the stylevars of the mobile does not seem to affect the mobile style at all.

What are the stylevars for the mobile style for the category background in the mobile forumhome and forumdisplay?

[TheLastSuperman]

Hmm I'm about to update my test site tonight and have a job related to the new mobile style so if I remember to, I'll come back and post for you otherwise someone who has been tinkering with it already might be able to assist before I can :p.

[risestar]

Well it looks likes its hard coded in the /forum/clientscript/jquery/jquery.mobile-1.0a2.min.css file

But the file is a mess and I can't really make heads or tails of it, its similiar to the jquery one http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.css

but I can't tell where to edit. I want to change the category background colors from that light blue one to another color.

[Lynne]

Well it looks likes its hard coded in the /forum/clientscript/jquery/jquery.mobile-1.0a2.min.css file

But the file is a mess and I can't really make heads or tails of it, its similiar to the jquery one http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.css

but I can't tell where to edit. I want to change the category background colors from that light blue one to another color.
According to firebug, it is this:
.ui-bar-b { background: -moz-linear-gradient(center top , #81A8CE, #5E87B0) repeat scroll 0 0 #5E87B0; border: 1px solid #456F9A; color: #FFFFFF; font-weight: bold; text-shadow: 0 -1px 1px #254F7A;}

[risestar]

yes, that's the one, you need to change all the colors in that css variable as there are declarations for different browsers.

Well the mobile style is nice looking but it gets an F for customizable. VBulletin needs to integrate the stylevars into it properly.

[Mr_Running]

Sorry, How do I? Can someone please provide the steps to getting there. I can not seem to find it...aahh an Newbie after a year :( still learning and customizable of colors would be nice.


Edit: dang someday I will figure this out...How do I get here. I think I need a map. :)

.ui-bar-b { background: -moz-linear-gradient(center top , #81A8CE, #5E87B0) repeat scroll 0 0 #5E87B0; border: 1px solid #456F9A; color: #FFFFFF; font-weight: bold; text-shadow: 0 -1px 1px #254F7A;}

[risestar]

you just have to open the file with a word editor and change the hex color values to whatever you want. It is a gradient so you have an upper and lower color and it mixes them together to create a custom gradient color.

[TheLastSuperman]

https://vborg.vbsupport.ru/showthread.php?p=2171633
https://vborg.vbsupport.ru/showthread.php?p=2171623

Last one is a new article, it has not been approved yet so if you have no permission to view atm check back later on tonight etc, once approved you'll be able to view :cool:.

[ajmboy]

I edited everything in /forum/clientscript/jquery/jquery.mobile-1.0a2.min.css

One issue I am running into is using google adsense for high end mobile devices. I added it under the navbar and it shows on the forum home page, but locks up the page if you go any deeper in, forums, topic pages, etc.

I think this is a conflict with jquery for mobile. I've asked support, they said to try th eliteral tags, but that didn't work. Looks like vb is using http://jquerymobile.com/

Anyone else have problems adding adsense? Similar issue found here: http://forum.jquery.com/topic/google-adsense-javascript-breaks-ajax-transitions

[8thos]

Subscrizzle.