all templates bundle discount
0.00 (0 votes)
How to add your own CSS styles to Joomla template based on EF4 framework?

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.

How to modify LESS and CSS files in Joomla 3.x template?

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.
Simple? :)

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.

Short instruction:

  1. Create text file in 'joomla/templates/template_name/less/custom.less'
  2. Add your styles in 'joomla/templates/template_name/less/custom.less'
  3. Refresh page (and clean cache).

That's all! :)

Users' reviews

Total rating: (0 votes) Add review

Video Tutorials

EF4 Framework for Joomla! 3 - introduction

Joomla! 3 Quickstart Installation Guide

Speed up your website! Must watch video!

How to create Joomla article?

Joomla ReCaptcha - how to set up?

How to use Joomla editors?

How to display a module in Joomla article?

How to configure Joomla contact form?

How to check Joomla module positions names?

How to configure your language for Joomla 3?

How to create Joomla custom HTML module?

How to create Joomla menu?

INDICO S.C.

ul. Wałowa 10/3, 84-200 Wejherowo, registered in Centralna Ewidencja i Informacja o Działalnosci Gospodarczej
NIP/VATID: PL5882424318

Copyright © 2009-2017 Joomla-Monster.com All rights reserved. Joomla! is Free Software released under the GNU/GPL License.
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries. Joomla-Monster.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.