T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (4)

Resolved custom.css : diferent behaviour with development mode ON or OFF

0
Votes
Undo
  1. DUMOULIN
    DUMOULIN
  2. General Discussion
  3. Tuesday, 21 January 2014
  4.  Subscribe via email
Hi there,

I'm currently trying to figure out why my site looks different when development mode is set ON or OFF. I did start from a T3_blank, set template development mode ON, and then customized the following elements :

- Layout (php files in tpls/)
- blocks
- variables.less (in less/) (only to adjust width and gutters)
- custom.css (in css/)

Everything works fine untill I set development mode OFF : then the pages seem broken (blocks size, hidden positions, ...). It works again when I turn dev mode OFF, but I would like to understand what I did wrong, and gain performance with dev mode OFF.

I started the site with the previous version of T3, that i updated to the newest version...

Thanks for your precious help

Eric
Comment
There are no comments made yet.
Responses (4)
Admin
Admin
Hole-in-One Sherlock Holmes The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi DUMOULIN,

Did you compile LESS to CSS when you turn Development Mode from ON to OFF?
Please try it if you did not.

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
DUMOULIN
DUMOULIN
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

Oh my... You're right, I forgot this

After compiling, everything is just fine

Many thanks for your help

(Confused) Eric
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
tincup
tincup
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,
I have the same problem but I changed only the custom.css file. Even to compile LESS to CSS when I turn off Development Mode I lose all changes in custom.css.
is this normal?
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi tincup,

T3 is developed with LESS so when you enable Development mode, that means your site is loading LESS files (templates/t3_bs3_blank/less), it does not load any CSS files so what you changed in custom.css file is not loaded.

When you disable development mode, your site loads CSS files (templates/t3_bs3_blank/css) and the changes in the custom.css file will be loaded.

When your site is done, you should turn off the development mode and compile LESS to CSS, you can also enable the optimize option to improve your site performance.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.