Using Green style (#4) on desktop, but mobile is Red

Hi Gavick,

I'm using TWN II for J2.5 and I am having a problem with the mobile display. I have the desktop template set to use the Green style (style4.css) but the mobile version appears to be using the Red style (the mobile buttons and link text are in red).

How do I fix this?

Thanks,
Railer

Hi,
we don't support this template anymore, as you can read in breadcrumbs.
But I will try a help a little bit.
1) Which color (style) you're using as a default ?
2) Can you share URL here ?

BTW
are you sure that leaving current footer info & color chooser which you have now is good idea?

I think I know what was wrong.
In this folder there you will find all mobile styles: templates\gk_twn2\css\mobile

I suggest to edit those:
gk_twn2\css\mobile\android.css
gk_twn2\css\mobile\iphone.css

In both you will find :

Code: Select all

a { color: #cb260a; } /* links color */

just replace with green --> #4A7B2B and save.

Happy New Year Boston

Thanks Oscar, that helped with the links. I also had to remake the mobile interface elements in the gk_twn2/images/mobile directory by modify their Hue/Saturation values to green in Fireworks and exporting new pngs.

It's odd that the desktop template gives you 6 color options, but the mobile version only has red gui elements. An oversight, perhaps?

Thanks for your help!

Yes, in mobile there was only red links. Rest was taken from styles.
Why it was build in this way, I have no idea. In new templates is much better now.

By the way, in addition to the css line you mentioned, I also had to change the background hexidecimal color for the following button and form element class selectors in the various mobile template stylesheets at or around line 49:

Code: Select all

/* buttons and other form elements */
button,
.button,
input[type=button],
input[type=submit] { border: none; /* ORIG -- background:#cb260a; */ background: #7AA638; height: 26px; line-height: 26px; font-size: 12px; font-weight: bold; padding: 0 10px; -webkit-border-radius: 5px; }


These cover the color of the Close and Back buttons which appear when the Menu is opened. (Note that I used a different, lighter, green than the one you specified -- #7AA638).

you can remove css comments, this template won't be updated so you don't have to worry about it.
And less bytes means quicker site.