Hi,

I've taken over a website built by another person. The website use Joomla, with the templates of Ja-Bookshop and utilizing T3-framework.

Since then, I've been modifying the website's CSS by going to root/t3-assets/dev/green/

However, from time to time, the CSS seems to be backed up to original state. I asked the previous guys that built the website, he told me because the LESS compile to CSS has removed all my work. However, it make me confused since I've never used the Compile LESS to CSS button. I don't know if this is done automatically?

Anyway, I'm starting to learn LESS and trying use it now. However, the thing is, when I when to my root/templates, there was no t3_bs3_blank folder, only the LESS. I've been searching these LESS file. Now, I want to change a specific CSS style, for example, when I view the element on Chrome, I know that this specific element needs to be changed:

.col-md-6 {
width: 50%;
}

I started searching for the element in LESS file, however, I can't find it. This confused me further.

Hence, I hereby writting this to ask a question: how to locate which LESS file affect which component in the web? If I want to change a specific element style in LESS, is it possible or I'd better go turn off develop mode and continue working on my CSS? In addition, can website automatically compile LESS to CSS? Or the guy trying to screw with me?

I attached my screen shot here, all for the purpose of letting you see my templates folders.