We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Creating or putting custom.css and javascript files in Shaper Helix II

Featured Lock Resolved
I'm a bit confused in the documentation here, http://helix.joomshaper.com/documentation/advanced/130-adding-custom-css-and-javascript-files

Should I put my custom.css file in the /css folder where the template.css is located or in the /css/presets folder together with the 3 preset styles?

The documentation example uses EXAMPLE.CSS but i would like to use CUSTOM.CSS

Do I have to add that code/reference? Where do i add it? Or is it already included in new Joomshaper templates like Shaper Helix II?

How about the javascript files, where should I place them?

Thanks a lot for any help.

1 Answers

Ehsan Riyadh

More than a month ago #Permalink
Helix-II comes with Less css . You have to edit css on templates\shaper_helix_ii\less folder. For custom padding margin use theme.less and for color presets.less. If you want to use css file instead of less then you have disable less from template manager advance tab.

For add new Javascript go to templates index.php file -> find
add like
->addJS('helix.core.js, your.js')

For add New Css add your.less file on template less folder or css folder.

Hope we will give a better documentation as early as possible.

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us