× Help Forum English

[SOLVED] Two themes on one site is it possible?

Start
Prev
1
Next
End

SLV
Topic Author
Junior Member

11 years 2 months ago - 11 years 1 month ago #5579 by SLV

[SOLVED] Two themes on one site is it possible? was created by SLV

I want to use two menu items with iсagenda component with different themes.
Both the CSS files of themes are used in the header of site, and styles are in conflict.
How can I use multiple themes on one site at the same time?

Last edit: 11 years 1 month ago by Lyr!C. Reason: [SOLVED]

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

11 years 2 months ago #5586 by Lyr!C

Replied by Lyr!C on topic Two themes on one site is it possible?

Hi!

This should work! :huh:

Is it possible to have a link to the page with a problem to have a look at generated code ?

Latest version : iCagenda 3.9.8
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Please Log in or Create an account to join the conversation.

SLV
Topic Author
Junior Member

11 years 2 months ago - 11 years 2 months ago #5598 by SLV

Replied by SLV on topic Two themes on one site is it possible?

There are screenshots conflict & noconflict.
Upcoming events list must be viewing as on noconflict screenshot.
Past events list must be viewing as on conflict screenshot.
Link has sent to moderator

Last edit: 11 years 2 months ago by SLV.

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

11 years 2 months ago #5601 by Lyr!C

Replied by Lyr!C on topic Two themes on one site is it possible?

Thanks for screen shots!

You are loading two menu-item in the same page ?

So, the conflict is normal, but you can override it!

What you can do (not tested, but may work) is to add page class suffix in menus.

For example, the page with default theme, add "_default" and the one with ic_rounded, add "_ic_rounded"

Then, you will have no design for each one.

So, in your site template, copy/paste the css lines of default_component.css, and replace all #icagenda with #icagenda_default.
Then, the same with ic_rounded_component.css, replace all #icagenda with #icagenda_ic_rounded

Now, you will have all css style in your site template main css file.

And it should do the job! ;-)