How to custom CSS in DrupalExp theme framework?

Thursday, April 30, 2015 - 22:46

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.

Wednesday, May 6, 2015 - 00:40

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

Friday, May 8, 2015 - 09:27

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!

Thursday, July 30, 2015 - 10:44

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

 

Thursday, July 30, 2015 - 12:51

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
Tuesday, December 21, 2021 - 16:14

Any one of you can change my site theme framework? Because I want to edit some pictures and content on it. My site is related to assignment writing services UK, so I am looking for an expert who can change my site theme and framework. So my site will become more attractive.

Friday, April 29, 2022 - 06:47

By using the CSS theme is much important while making a custom website as you can see many websites are making on custom that easier for edit and other working purpose. When I was working at the SEO services in Karachi I get the work to do changing as oer SEO requirment and I did it and implement all condition that they want it.

Wednesday, May 4, 2022 - 15:52

Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Anyway, I’ll be subscribing to your feed and I hope you post again soon. play snake

Tuesday, November 28, 2023 - 19:44

Fantastic insights into the DrupalExp framework's use of LESS CSS and the Less PHP compiler! I have knowledge about this because I am also a developer at Software Development company nj where i Understand that modifications should be made in the .less files within the "lessc" folder to ensure clarity for developers, especially when working with themes like Orane.