LESS files - Help!
-
-
- ianmol100
- Hero Rocketeer
- Posts: 275
- Thanks: 1
-
Hello,
A bit confused about LESS files. Before Gantry starting using LESS, I would use Firebug to identify the css file and the line in the file that needed to be amended.
Now when I use Firebug it directs me to a css complied-master, which I believe you should not edit?
So a number of questions:
If I edit the complied file, what problems can it cause?
How do I know what LESS file to edit, if Firebug won't show me the path?
If I can identify the correct file, can I just open it in a text editor, make the change and then save it.
After doing some reading about LESS. Very little of which I understood, it sounded like I had to use a separate application to edit LESS files, is that correct?
Thanks
Ian
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
you should read this:
www.rockettheme.com/blog/coding/1767-bas...omizing-with-lesscss
-
-
-
- ianmol100
- Hero Rocketeer
- Posts: 275
- Thanks: 1
-
Thank you Henning,
Just had a look through the tutorial. Most of it I did not understand, clearly going to have to take some tutorials to understand how to use LESS.
In the short term could you just point me in the right direction concerning the previous questions.
Regards
Ian
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
I think pretty all questions in your poste are answered in what James wrote. or in Gnatry docs.
If I edit the complied file, what problems can it cause?you will loose that your modification each time you change a setting in the template.
Instead of changing css you should add css. You just need to create to create a file called [template-name]-custom.css in the css folder of the template. For Gantry this would be gantry-custom.css ... for Voxel it would be rt_voxel-custom.css.
Please note you don't need to work on LESS code. You can also just use CSS.
How do I know what LESS file to edit, if Firebug won't show me the path?You should never add LESS or CSS-files of the template. Add your own CSS or LESS files instead.
If I can identify the correct file, can I just open it in a text editor, make the change and then save it.You should never add LESS or CSS-files of the template. Add your own CSS or LESS files instead.
After doing some reading about LESS. Very little of which I understood, it sounded like I had to use a separate application to edit LESS files, is that correct?That is not correct. You can use every text editor. But you don't need to use LESS.
Just use CSS if you are familiar with that.
At the end its all about copy and paste.
Copy the rule from Firebug.
Paste it into a custom css-file.
Add a little css specificity.
For example: #rt-bottom should become div#rt-bottom
-
Time to create page: 0.075 seconds