Checkbox too small when label spans on more lines

Resize a checkbox that appears too small on mobile when its label text is long.

Overview

The checkbox icon shrinks on mobile devices because the label text spans multiple lines.
Add custom CSS to set a minimum width for the checkbox icon, which will be included in a future CF update.

Answered
ChronoForms v8
pe perissf718 15 Nov, 2025

I am not an expert in CSS, but here it seems that the checkbox gets to small on mobile devices when the checkbox label text is too large.

Attaching a screenshot with 2 checkboxes one below the other.

The label is:

Compilando il presente modulo accetto che i dati forniti siano utilizzati secondo la legge Svizzera e la <a href="/index.php/informativa-sulla-privacy" target="_blank">Privacy Policy del Club</a>.

pe perissf718 15 Nov, 2025
Answer
1 Likes

Adding this CSS view with views > content > CSS I temporarily fixed the issue:

.fasvg.icon.square {  min-width: 21px; }
Max_admin Max_admin 18 Nov, 2025

Hi perissf

Thanks for posting the fix, the fix will be included in the next update.

Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
Post a Reply