Simple way to reduce the size of the whole theme (like a zoom 90% in Chrome)

[MeltedC]

Hi there,

 

I find that the default theme of PrestaShop shows too big elements, police size, etc... so I always browse on my website using a zoom 90% (more comfort, more information on the sreen, less scrolling, it is much better in my opinion).

 

So, is there any simple way to give it the zoom-90% appearance ?

Edited November 22, 2014 by MeltedC (see edit history)

[Porfa]

This is not recomended because of design lazyness...

 

add :

 

zoom: 0.9;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;


to your global.css line 297

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 

to:

 

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); zoom: 0.9;
-moz-transform: scale(0.9);
-moz-transform-origin: 0 0;

works for firefox, might need synthax for chrome or other browsers.

Edited November 23, 2014 by Porfa (see edit history)

[MeltedC]

Thanks !

 

I just added 

-webkit-tap-highlight-color: rgba(0, 0, 0, 0); zoom: 0.9;

And it works for Chrome and FireFox.

Fair enough for now

 

If any of you has a solution for all the browsers (i did not try on mobile device by the way), which would respect the best practices... 

I'm afraid someone says I have to rewrite all the CSS...