Jump to content

Override Css Template V 1.5.2


Desmo

Recommended Posts

Ciao,

prima di iscrivermi a questo forum ho cercato informazioni in rete per modificare css di un template recentemente acquistato v.1.5.2/1.5.3. Ho trovato varie proposte/soluzioni, ma nessuna funzionante.

Es.: vorrei effettuare delle semplicissime virazioni di colore sui bottoni, menu orizzontale, sf header, etc ..ma pur modificando i css corrispondenti nei moduli, globali, .tpl, etc ..nulla accade! Dal BO ho forzato la compilazione, attivato e disattivato Blowfish; cancellato la cronologia dei browsers e il risultalto è sempre il medesimo, non vengono effettuate modifiche sui colori nel FO. Riesco a modificare le posizioni, ma non i colori e Firebug mi mostra il codice modificato. Poi, è emersa una pseudo-soluzione, ve la posto:

 

It is not possible to override CSS files by putting them under themes directory (only). I was advised that it is only possible to do so for .tpl files. If one wants to override a CSS file, it is necessary to override the .tpl file first and then change it's reference / link to ones own CSS file. This can be done by following procedure:

 

1. Copy .tpl file of original module (from prestashop/modules) to your themes' module directory (depending on module you need to create a new folder with the same name as in the root directory).

2. Change the code (for the example of blocktopmenu)

<link rel="stylesheet" type="text/css" href="{$this_path}css/superfish-modified.css" media="screen" />

to

<link href="{$css_dir}modules/blocktopmenu/superfish-modified.css" rel="stylesheet" type="text/css"/>.

->>> This solution was provided by Adrian Nethercott (rocky). Thank you so much!! <<<-

3. Copy CSS file of the module from prestashop/modules/.../css to your themes' css directory (you need to create a new folder with the name of the module).

Then it should work!

4. Note that all images referenced by the CSS file (e.g. backgrounds) will be deleted / not found due to new location of CSS file. If you want to use the same images (or your own), you have to create a folder for images in the same place as you have your CSS file. Then, you will have to change the references in CSS file from "../img/" to "img/".

 

Ora scrivo a voi navigatori esperti.

What can I do to override my css?

Tks.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...