How to custom CSS in DrupalExp theme framework?

DrupalExp framework is using LESS CSS with Less PHP complier. So to modify CSS, you have to modify in .less files located in lessc in themes. Example with Orane theme, all less files located in "sites/all/themes/orane/lessc" folder.

How Less complie?

Any time, once you make changed in .less file or make changed in theme settings, the complier will remove old css file in sites/default/files/drupalexp/css folder and recomplie all .less files again. So, please DO NOT do your custom css in css output file, it will lose when less is recomplie.

Can I add custom css without less?

Yes, you can add custom css in standard way by upload your css file to "sites/all/themes/THEME_NAME/assets/css" folder. Example: sites/all/themes/orane/assets/css/custom.css. then open .info file and add following line:

stylesheets[all][] = assets/css/custom.css

That all. Do not forget to do flush all cache.

Thank you.

if I add custom css without less. A preset css i made.Do i need to delete any line from .info file  like  below? : 

stylesheets[all][] = assets/css/fontello.css
stylesheets[all][] = assets/css/gizmo.css
stylesheets[all][] = assets/css/picons.css
stylesheets[all][] = assets/css/jquery.fancybox.css

thanks

Hi GP2791,

These are css of fonts, you don't need to delete any line in .info file. You just need to follow the post above to add you custom css file.

Thanks!

I have a custom css file that has been added per your instructions above in assets/css, and the <style> tag is there when I view HTML source, however the CSS is being ignored and is not rendering correctly.

I've validated the CSS works by embedding inline, however it's not working followig your instructions.  Can you please comment?

Many thanks,

Chris

 

Nevermind, this was resolved.  The eventus.info contains calls to 2 missing javascript libraries not included in this build, and there was a typo in the stylesheet declaration.

These files are in the eventus.info file, yes are not included in the latest build:

scripts[] = assets/scripts/evolve.js scripts[] = assets/scripts/custom.js   FYI, Chris