User Tools

Site Tools


how_to_change_the_look_of_your_store

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
how_to_change_the_look_of_your_store [2019/10/27 15:42]
admin [How To Change The Look of Your Store]
how_to_change_the_look_of_your_store [2019/11/05 22:13] (current)
admin [How Do I Know Which File To Edit?]
Line 27: Line 27:
 Yes you can. If you don't intend to use a LESS compiler you can delete those .less and .css.map files. For your convenience you can uncompress/​beautify the CSS content, making it human readable to the eye again, using an online tools e.g. [[https://​codebeautify.org/​css-beautify-minify|CSS-Beautify-Minify]]. Beautifying will cause a slight performance decrease. Yes you can. If you don't intend to use a LESS compiler you can delete those .less and .css.map files. For your convenience you can uncompress/​beautify the CSS content, making it human readable to the eye again, using an online tools e.g. [[https://​codebeautify.org/​css-beautify-minify|CSS-Beautify-Minify]]. Beautifying will cause a slight performance decrease.
  
-===== How Do I Know Which File To Edit? =====+===== How Do I Know Which CSS/​LESS ​File To Edit? =====
  
 Right click an element and select **Inspect Element**. The built-in developer tools in your browser will show you the current stylings of an element and in which .less file and line number it can be found. This is translated by the browser using the .map files found in the css/ folder. The map files are simply cross references and are important to be updated when generating new .css files. The web based Developer Kit add-on does that for you as well. Right click an element and select **Inspect Element**. The built-in developer tools in your browser will show you the current stylings of an element and in which .less file and line number it can be found. This is translated by the browser using the .map files found in the css/ folder. The map files are simply cross references and are important to be updated when generating new .css files. The web based Developer Kit add-on does that for you as well.
how_to_change_the_look_of_your_store.txt ยท Last modified: 2019/11/05 22:13 by admin