Support Forums

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

Your Time: Our Time:

Separate custom.css files for each template style - is it possible?

Featured Lock Resolved Issue
Suppose we have several "template styles" in our helix3-based application. Is it possible to have individual custom.css file for each of the "template styles"?
(And yes, I realize that each template style has a place for putting custom css statements, but I would like to keep all my customization css code in separate files).

Thank you.

5 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Template copy/clone craeted in Template Manager doesn't create a real new template with separate folder, it's only new virtual template,
where you can use different settings, but used files are this same.
---
But there also alternative solution how to solve your problem, because of it (above info) ...
In all Helix3 templates there is custom place where you can put your line of code for example for each template clone/copy put different line in each one:

In template-copy2:
< link href="/templates/shaper_helix3/css/custom-yellow.css" rel="stylesheet" type="text/css" />
In template-copy3:
< link href="/templates/shaper_helix3/css/custom-blue.css" rel="stylesheet" type="text/css" />
In template-copy4:
< link href="/templates/shaper_helix3/css/custom-green.css" rel="stylesheet" type="text/css" />
---
then create those 3 custom css files and put different styles, colors etc.

EASY!
---

(!!) remove space between "<" and "link"

Attachments (1)

  • here1.jpg
    here1.jpg 36.3 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
if you are using template copy, it's not possible.
But if changes are small... you can always use CSS Custom field, right.
---
2nd option, use custom CSS module or other extension which allows you to assign your own css to selected subpages.
---
if you are not afraid of update ....override:
css\presets\preset1.css ...2.css ...3.css ...4.css

ted

More than a month ago #Permalink
Paul Frankowski wrote:

Hi,
if you are using template copy, it's not possible.
But if changes are small... you can always use CSS Custom field, right.


Can you please clarify what you meant by that? My understanding is that "template style" is always a duplicate of the default template with necessary changes in it and it is assigned to some particular pages. So what exactly "is not possible"?

What do you mean by "if the changes are small". Is the any length restriction on the CSS Custom field if i decide to use this approach?

But actually my question was about keeping custom CSS directives in a separate file for each "template style".
Thanks.

ted

More than a month ago #Permalink
Yes, this is exactly the solution what we all discussed on FB group.
Thank you, Paul, for your attention to this issue.
Ted.


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 114
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 114
Toufiq

Toufiq

Total Accepted Answers: 73
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 5
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

296439

Community Users

Newsletter

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