T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Sarah Eagle
  2. General Discussion
  3. Thursday, February 06 2014, 03:22 PM
  4.  Subscribe via email
Hello, Im new to T3 & Less, so I may have something wrong here...

But I cannot find 'Optimize CSS' in my options, so I cannot turn it off!
http://saraheagle.co.uk/css.jpg

This means all of my 'less' is in css in my head
 
<link rel="stylesheet" href="/t3-assets/dev/templates.t3_bs3_blank.less.bootstrap.less.css" type="text/css">
<link rel="stylesheet" href="/t3-assets/dev/templates.t3_bs3_blank.less.template.less.css" type="text/css">
<link rel="stylesheet" href="/t3-assets/dev/plugins.system.t3.base-bs3.less.t3.less.css" type="text/css">
<link rel="stylesheet" href="/t3-assets/dev/templates.t3_bs3_blank.less.core.less.css" type="text/css">
<link rel="stylesheet" href="/t3-assets/dev/templates.t3_bs3_blank.less.typography.less.css" type="text/css">
<link rel="stylesheet" href="/t3-assets/dev/templates.t3_bs3_blank.less.forms.less.css" type="text/css">
<link rel="stylesheet" href="/t3-assets/dev/templates.t3_bs3_blank.less.navigation.less.css" type="text/css">
<link rel="stylesheet" href="/t3-assets/dev/templates.t3_bs3_blank.less.navbar.less.css" type="text/css">
<link rel="stylesheet" href="/t3-assets/dev/templates.t3_bs3_blank.less.modules.less.css" type="text/css">
<link rel="stylesheet" href="/t3-assets/dev/templates.t3_bs3_blank.less.joomla.less.css" type="text/css">
<link rel="stylesheet" href="/t3-assets/dev/templates.t3_bs3_blank.less.components.less.css" type="text/css">
<link rel="stylesheet" href="/t3-assets/dev/templates.t3_bs3_blank.less.style.less.css" type="text/css">


I tried looking in the template params to see if it was in there, but no luck :(

Without being able to turn these off, I cannot write in less while in dev, which makes T3 useless.

I am using
T3 Framework Site Plugin 2.0.2
T3 Framework Package Site Package 1.4.1

Hope someone can help,
much appreciated
SE
Attachments (1)
Comment
There are no comments made yet.
Accepted Answer
Sarah Eagle Accepted Answer Pending Moderation
0
Votes
Undo
Actually that was not the problem, this is how I solved it.

- In /templates/t3_bs3_blank/less/template.less I have added
@import "myfilename.less";

That way when a page gets visited the temp. css file is created.

- In my /templates/t3_bs3_blank/tpls/blocks/head.php I changed
if (is_file(T3_TEMPLATE_PATH . '/css/custom.css')) {
$this->addStyleSheet(T3_TEMPLATE_URL . '/css/custom.css');
}


TO

if ($this->getParam(devmode) == 1) {
$this->addStyleSheet('/t3-assets/dev/templates.t3_bs3_blank.less.myfilename.less.css');
} else {
if (is_file(T3_TEMPLATE_PATH . '/css/myfilename.css')) {
$this->addStyleSheet(T3_TEMPLATE_URL . '/css/myfilename.css');
}
}

Make sure your T3 assets path in your T3 General settings matches your file path in $this->addStyleSheet

Now I can have my own .less file to keep my code separate from T3 & BS as it gets compiled along with all the other less files ;)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Admin Accepted Answer Pending Moderation
0
Votes
Undo
Hi Sarah Eagle,

When you turn Enable Development Mode to On. Most of css will be ignore and load less files instead.
What you see above is correct. They are less files (though they have compiled to css, this is an inner process)

When you are develop a new template, it is recommend to set Enable Development Mode to On.
After you finish develop, you can press Compile LESS to CSS and turn off Enable Development Mode.

This is how we work with T3.

Note: Optimize CSS is only available when you turn off Enable Development Mode.

Regards
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Sarah Eagle Accepted Answer Pending Moderation
0
Votes
Undo
I'm starting to understand it now thanks, its great - I'll be using T3 on all my sites.
And I've learnt today how the themes work too its all a lot to take in in one go ;)
Sarah
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
  • Page :
  • 1


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