Shaper Finance J4 - Checkbox/radio Button Issue
LeAnn
I'm creating a form (using Events Booking) and when I display it in the Shaper Finance template the checkboxes and radio buttons do not display properly. They shrink to a very small size and they cannot be selected.
In my Joomla 3.5 site using the same template, they display fine. (See URL below) It does not display properly in J4 site with same template. (see URL below)
I have adjusted the input size, and that changes things. It's currently at default. If I adjust it to extra small, it becomes very large and elongated.
Can you advise on how to get normal checkbox and radio button sizes to display?
Thank you!
Paul Frankowski
Accepted AnswerHi Ann,
Please use below Custom CSS to correct checkbox and radio field in all forms:
.form-check-input[type="radio"], .form-check-input[type="checkbox"] {
width: 16px; margin-right: 5px; }Problem is becuase legacy.css file is loaded, and in Joomla 4 is not needed anymore.
LeAnn
Accepted AnswerThat worked perfectly for the radio button size! What would I add for a checkbox also to have the correct proportion?
Thank you so much, Paul!
LeAnn
Paul Frankowski
Accepted AnswerLook at my CSS again, code was updated in the meantime.
Clear also content of legacy.css.
Paul Frankowski
Accepted AnswerBTW
Ask its developer why EventBooking still loads old Font Awesome 4.7.0 !
And becuase of that Your site has to load Font Awesome 2x, OLD (4.7) and NEW (5.1) version. That harms your site speed, and looks weak.