Is It Possible To Run Two Different Custom.css Files - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Is It Possible To Run Two Different Custom.css Files

D

Darek

Helix Framework 3 years ago

Hi JS, This is not a simple question, but I will try to tell you what I mean. I am using the Helix Ultimate framewrot and custom.css file. On one of the subpages it must have a completely different menu syle (off-canvas/burger toggle/logo ect.). Is there any possibility for this one subpage to use a separate custom.css file?

If I make a copy in Site template styles, I can add a separate style to this one menu item. Unfortunately we still have one Helix directory and custom.css file. I tried to create a copy of the template in Site templates, but after that I see bugs in the admin panel like in the picture below ..

https://www.screenpresso.com/=6KD0g

Do you know any other solution? Thank you very much for your help.

0
6 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #48044

Yes, for my projects I use mostly this.

Hopefully, new version of module should work for Joomla 4 too.

1
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #47831

Hello Darek

I understand your inquiry. It is possible to use more Custom CSS files. First, create a css file under css folder and give it a name (for example: mycss.css). Then link it on the Custom Code -> Before Head section using this code

<link href="/helixultimate_quickstart_j4_v2.0.4/templates/shaper_helixultimate/css/mycss.css" rel="stylesheet"  />

Screenshot at Dec 16 19-00-42.png

Best regards

1
D
Darek
Accepted Answer
3 years ago #47840

Thank you for your answer Ofi Khan.

if I understood correctly:

  1. I create a copy of the template (new_template)
  2. Link new_template to the selected menu item.
  3. For the new_template template, I am adding the mycss.css Before </head> file
0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 3 years ago #47958

You are welcome. You got it right.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #47959

Alternative way:

Use Custom CSS module (easy to find at least for J3x) and publish on "debug" position. I use this method as well.

0
D
Darek
Accepted Answer
3 years ago #47969

Hi Paul, It sounds simple, do you mean this extension -> link

0