Search…

X3 Photo Gallery Support Forums

Search…
 
pegasus-express
Topic Author
Posts: 5
Joined: 08 May 2011, 14:37

Change Colours

04 Aug 2012, 08:23

Hi,

I'm trying to change the colours of the mobile version of my site.
standard is light and dark.
but i want something like blue ;-)

i've changed almost every background-colour in the imagevue.mobile.css but i only can change the header where the name of the site is and the menu at the left of the header.

how can i change the colours of the folders like "photography", "design" etc.

Can someone please tell me :D

here is the link:
http://www.pegasus-express.de
 
User avatar
mjau-mjau
X3 Wizard
Posts: 14452
Joined: 30 Sep 2006, 03:37

Re: Change Colours

05 Aug 2012, 03:53

Unfortunately, this isn't made to be easy because its a relatively complicated stylesheet from the jQuery Mobile Library:
http://www.pegasus-express.de/iv-includ ... le.min.css

You could edit that file directly, or you could overwrite the classes by adding them to admin -> settings -> mobile CSS. This would require that you know what styles to edit though, and would probably require that you use a CSS debugger in a browser. Not something we can currently support or recommend because of the technical nature.

There is in fact a blue theme in the mobile version that we dont officially support currently. You may want to try it by following these steps:

iv-includes/templates/mobile/layout.phtml, line 27
$jqueryMobileTheme = 'b'; $textColor = 'white';

iv-includes/templates/mobile/index.html.phtml, line 31
$jqueryMobileTheme = 'b'; $textColor = 'white';

It should come out something like this:
Image

This is a hack and there will probably be some issues, but if you want it blue, it might be worth checking out.
 
pegasus-express
Topic Author
Posts: 5
Joined: 08 May 2011, 14:37

Re: Change Colours

05 Aug 2012, 04:53

hi mjau-mjau,

thanks for your answer.


yes, this is how i want it.

but i don't understand really what i have to change in the *.phtml-files

In The Lines 23-27 of layout.phtml are the following text:

$bodyClass=$jqueryMobileTheme=('light' == strtolower($jqueryMobileTheme))?'light':'dark';
$jqueryMobileTheme=('light' == strtolower($jqueryMobileTheme))?'d':'a';
$textColor = (in_array($jqueryMobileTheme, array('a')))?'white':'black';
$negColor = (in_array($jqueryMobileTheme, array('a')))?'black':'white';
}

How do i have to change these lines exactly?

And in the file index.html.phtml are in the lines 29-30 the following text:

$jqueryMobileTheme=('light' == strtolower($jqueryMobileTheme))?'d':'a';
$textColor = (in_array($jqueryMobileTheme, array('a')))?'white':'black';

How about this?
Is this Change correct?

$jqueryMobileTheme='b';
$textColor = 'white';
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

Re: Change Colours

05 Aug 2012, 09:04

I think it would be easier if you Just add the code at the end of the code block before closing ?> tag in both files.

Image
firedev.com