Customizing Joomla templates based on EF4 Framework is very easy. You may add your own styles to the template files without problems. The most important difference that may occur in opposite to other templates is that we are using LESS instead CSS.
What does it mean?
That you should not modify any CSS files because all CSS styles in template are generated from LESS files.
You ask: But where can I add my styles?
My answer: In LESS file. In this specific file name: custom.less file located in 'joomla/templates/template_name/less' directory.
And now you ask another question: But I can not find 'custom.less' file!
My answer: Yes, this is correct. You should create this file manually. Just add a regular text file with name 'custom.less' in 'less' directory.
There is no need to modify any other template parts. EF4 Framework will automatically compile and assign this file in page HEAD section.
Some of you will still keep asking: Why I have to add my styles in 'custom.less', not to any other?
My answer: You should add styles in 'custom.less' file to avoid problems while template updating process. This way you'll be able to overwrite all styles without the risk of removing your previous template styles modification.
- Create text file in 'joomla/templates/template_name/less/custom.less'
- Add your styles in 'joomla/templates/template_name/less/custom.less'
- Refresh page (and clean cache).
That's all! :)