1. joomleb
  2. Helix Ultimate
  3. Sunday, 02 August 2020
Hi guys,
we applied the Joomla default element-invisible class (display: none) to our Search label an example on this page - You have the full Super Admin access, sent by PMs to you)
On Beez3 and Protostrar it is running well hiding the label. While with Helix Ultimate is still showing it. It seems the class is not defined/applied well.
The class "element-invisible" is supported by default in all Joomla default templates as well as in Joomla 4, Helix Ultimate template must support it, this class is used across Joomla code base.

It has been discussed here on Joomla 4 GitHub channel

I reported it on Helix Ultimate GitHub project
Accepted Answer
Accepted Answer Pending Moderation
Hello joomleb,
Thank you for your question. Simply use a Custom CSS for this

.element-invisible{
display: none;
}


- Best regards
  1. more than a month ago
  2. Helix Ultimate
  3. # Permalink
Responses (7)
Accepted Answer Pending Moderation
Hi Ofi Khan,
many thanks to answer me, we are agree about it, but what I mean with my post is that those definition should be added by default into Helix Ultimate being a default joomla 3 class used for the missing Bootstrap 2 and 3 definition... Are you agree ?
  1. more than a month ago
  2. Helix Ultimate
  3. # 1
Accepted Answer Pending Moderation
Actually not. Helix Ultimate uses Bootstrap 4 and there is no element-invisible class. You should use the latest Bootstrap 4 classes.

- Best regards
  1. more than a month ago
  2. Helix Ultimate
  3. # 2
Accepted Answer Pending Moderation
Hi Ofi Khan,
this would mean the helix Ultimate incompatibility with Joomla 3 sites.

Anyway, Is the Bootstrap 4 sr-only class the right one to be applied ?
  1. more than a month ago
  2. Helix Ultimate
  3. # 3
Accepted Answer Pending Moderation
You can use any class of Bootstrap 4. Bootstrap 3 is old now. So, using the latest is the best way.

- Best regards
  1. more than a month ago
  2. Helix Ultimate
  3. # 4
Accepted Answer Pending Moderation
this would mean the helix Ultimate incompatibility with Joomla 3 sites.

Hi joomleb.
Where are incompatibility?
You must understand how Joomla works. There are no special Joomla classes. Joomla consists of two templates - frontend and backend. Bootstrap 2 is used for the backend template. You cannot change this. This is the core feature.
But for a frontend template, you can use absolutely any technology or framework. The class names for the frontend depend on the template and the technology it uses.
Therefore, there is no problem of compatibility between a frontend template built on bootstrap 4 and Joomla 3.
You just need to learn the technology behind the frontend template, be it Bootstrap or UKit or something else, and use the class names of that technology.

For example, in J4, it uses Bootstrap 4 for the backend, and pure css technologies such as CSS GRID and FlexBox CSS for the frontend (Cassiopea template). From bootstrap it uses only js library, but not CSS. This means the bootstrap class names (which you mistake for Joomla class names) in the Cassiopea template will not work.
  1. more than a month ago
  2. Helix Ultimate
  3. # 5
Accepted Answer Pending Moderation
Hi Pavel,
I understood how Joomla work, thanks.
"Where are incompatibility?" = there are a lot of Joomla Extensions that are using that Joomla class
  1. more than a month ago
  2. Helix Ultimate
  3. # 6


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


This forum is archived

This forum has been archived. Please use JoomShaper official support system.