Staff replied Templates

Educon II - Feels unfinished, can't find stuff

Asked by Ingenium 7 months ago Last activity 7 months ago

I am currently using the Educon II template, and I have to say it feels very unfinished and unpolished on so many edges...

Most of the stuff is static, not dynamic:

I can't find where some pages get their layout from? E.g.: the left side from the LMS events (not the static event detail page) comes from a Site Module, but the right side we have to override the "event" module from lms? I did find that part then, but then again, there is a "sp-title" appearing now too, and I can't find that module? The template documentation is not helping at all, as it also seems rather unfinished and not at all like version 1.x product!
Same goes for "News & Articles": I can't find where the left side is coming from?

Why is there a release of this template as "Educon II" as a version 1.x template, when it does not feel like an upgrade to "Educon"?

If you want to check, I am currently "testing" it under https://educontest.aufbaustudium.at and the events I am currently trying to alter as an example is here: https://educontest.aufbaustudium.at/lms/events/infotermin-di-bauingenieurwesen-online

Also, in our previous Educon-Template (not version II), there would've been no "lms" as in "/lms/events" when clicking on a "upcoming events" (e.g.: https://www.ingenium.co.at/infotermine/infotermin-di-bauingenieurwesen-online) - how could that change be achieved? :)

Best regards,
Kai

3 replies

Ofi Khan Staff

7 months ago

Hello Ingenium,

Thank you for reaching out to our technical support forum. I’m sorry to hear about the trouble you’re experiencing. Rest assured, I will look into this issue for you and work to resolve it as quickly as possible.

The events page layout coming from here:

templates/educon_ii/html/com_splms/events/default.php

You can customize the file to change the layout.

The page title on the menu item loads sp-title on the page:

https://prnt.sc/siDoCK2IHPzK

You can edit it on the Events menu item settings.

The parent menu is lms. This is why the alias is lms/events. If you set the events menu with no parent, then the alias will be just events.

https://prnt.sc/rIzNc5dQXHTT

Educon II is not really upgraded version of Educon. It is the same category standalone template with the same components. But the design is totally different. So, both templates are unique in its own way.

Best regards

Ingenium Asked this

7 months ago

Hey Ofi,

thank you for your reply!

I did find some stuff in the mean time, but it was a lot of digging... Is there a documentation about that somewhere? :)

About the page title: I understand that I can deactivate it, but where would the module come from if one would like to alter its appearance?

Also, in the rendered page, if we go on "insepct", we'll find that in the head there will be style elements like the following:

...
<link href="/components/com_sppagebuilder/assets/css/color-switcher.css?5c4d30aeb4e6059223dc156f675a1315" rel="stylesheet">
    <style>body{font-family: 'Arial', sans-serif;font-size: 18px;line-height: 1.4;text-decoration: none;}
@media (min-width:768px) and (max-width:991px){body{font-size: 14px;}
}
@media (max-width:767px){body{font-size: 13px;}
}
</style>
    <style>h1{font-family: 'Helvetica', sans-serif;font-size: 106px;line-height: 1;text-decoration: none;}
@media (min-width:768px) and (max-width:991px){h1{font-size: 72px;}
}
@media (max-width:767px){h1{font-size: 52px;}
}
</style>
    <style>h2{font-family: 'Helvetica', sans-serif;font-size: 64px;line-height: 1;text-decoration: none;}
@media (min-width:768px) and (max-width:991px){h2{font-size: 50px;}
}
@media (max-width:767px){h2{font-size: 38px;}
}
...
    <style>h6{font-family: 'Helvetica', sans-serif;font-size: 24px;line-height: 1.2;text-decoration: none;}
@media (min-width:768px) and (max-width:991px){h6{font-size: 20px;}
}
@media (max-width:767px){h6{font-size: 16px;}
}
</style>

Where would those come from? It would be cool if we could "remove" them, if wanted.
Because I also have a custom.css that overrides the h1 - h6 in terms of font-family, but itself gets overwritten by the styles in the header. Putting "!important" in my custom.css for their font is also not an option, as it will overwrite all the headers and makes changes in the PageBuilder obsolete.

I can confirm that I found the "issue" with lms/events and that it was my bad reading, sorry for that!

Sorry for my misunderstanding! Since "Educon" is only available for Joomla Version 3,4,5 and "Educon II" is available for Joomla 6, I thought it would be the next version of it - maybe a little note somewhere that this is not the case would be helpful.

Thank you for your help and fast reply! :)

Best,
Kai

Ofi Khan Staff

7 months ago

The CSS cannot be removed. You can override it using a custom.css file. Your Custom CSS will be given priority over the deafault CSS.

Ingenium Asked this

7 months ago

Is that CSS coming from the helix template itself? Because even though I have set the style for h-Elements, as I said, the page-title still is having "Helvetica" as it's font, not the one I set:
https://educontest.aufbaustudium.at/lms/courses-default

Is it because of its class "sp-page-title-heading"?

And again: is there no way to change/alter the page-title to our liking?

Ofi Khan Staff

7 months ago

This CSS is used on the title. It is coming from template.css file.

.com-splms.view-courses .view-splms-courses>.row .splms-course .splms-courses-title a{
        font-family: "Figtree";
}