v1.6-v1.7 HOw to edit css to prestashop 1.7

[jaime042]

hese instructions are for Prestashop 1.7)

I was struggling with updating the CSS for a theme I had, and I was never to really find any good details on how

So these are my notes

I wanted to ADD some CSS to do tables with DIV

1. In your installation you have a directory structure where you have ..../themes/<name-of-theme>/assets/
   Inside of that directory you have
   ./cache
   ./css
   ./img
   ./js
2. inside of ./cache you have a compile of all your CSSs etc that will be loaded by your browser
   and you can see from where your Browser loads the files by using "Inspect" and look at "Sources" in for example Chrome
   These files should not be edited, but if you do know that the cache can be refreshed and all your changes will go away
   also note that you need to reload your page in Chrome by also refreshing the cache which is done by pressing CMD-SHIFT-R
3. so you need to edit the files under ./css
4. once you have done that you need to go into Prestashop and go to
   from the left menu "Advanced Settings" and then "Performance"
   In the top there is now a "Clear Cache"-button to press
5. Now it will take a while for it to refresh the cache
6. Now reload your page and perhaps you need to refresh the page by doing CMD-SHIFT-R to clear the cache first

IF you want to add some custom CSS then in the ./css directory edit the custom.css file

BUT you also need to edit the file under .../themes/<name-of-theme>/config/theme.yml

By adding the custom.css file to the YAML file like so

assets / css / all /

- id: custom
path: assets/css/custom.css