CSS-OFFSET-INVISIBLE-001

offset2 hide element-invisible input-block-level

offset* / hide / show / element-invisible / input-block-level

These Bootstrap 2 utility classes are searched on their own. They are not in Bootstrap 5.

offset2 hide element-invisible input-block-level → offset-* / d-none / d-block / visually-hidden / form-control w-100

Dies at Joomla 3 → 4J3: Works nativelyJ4: Removed — fatalJ6: Removed — fatalBC plugin: no — already dead on J4Mechanical renameCSS / Bootstrap

Symptoms people search

hidden content showing · input full width gone · offset broken

Replace this code

Swap offset2 hide element-invisible input-block-level for offset-* / d-none / d-block / visually-hidden / form-control w-100.

Joomla 3

Remove or stop calling this

<div class="span6 offset2 hide">
<input class="input-block-level">
<span class="element-invisible">Label</span>

Joomla 4 / 6

Use this instead

<div class="col-md-6 offset-md-2 d-none">
<input class="form-control w-100">
<span class="visually-hidden">Label</span>

How to fix it

  1. 1offset2 → offset-md-2 (etc).
  2. 2hide/show → d-none / d-block.
  3. 3element-invisible → visually-hidden.
  4. 4input-block-level → form-control w-100.

Also known as

offset2 · offset3 · element-invisible · input-block-level · d-none · visually-hidden

Scan a ZIP for thisAsk Infyways to fix it

Related issues

Get in touch

Have a project in mind? Let's talk about it.

Tell us what you're building. Whether it's a new site, an online store, a mobile app, or something that needs AI under the hood, we'll get back to you within a business day.

Free consultation
No commitment, no pressure
Reply within 24 hours
Usually much faster

Prefer a direct conversation?

Request a project quote

Tell us about your project

Fill out the quick form and we'll reach out.