#jfbc_loginregister a.modal {
position: initial;
display: block;
}
#jfbc_loginregister .form-check-inline input[type="radio"] {
display: initial;
}
Honestly I'm not a CSS expert. I don't have a recommendation.To display the * mark before the label on same line, I have to change "display: block;" to contents / inherit / initial / inline / or others. Please, What is the best one to choose ?
If you need a class around the div, I'd suggest doing a template override of our loginregister view at /components/com_jfbconnect/views/loginregister/tmpl/default.phpI noted that this issue is not present on the Registration page ( you can check it here ), I investigated and noted that there the Helix Ultimate template is applying:
.registration .modal {
display: inline-block;
position: inherit;
}
From your point of view at the end, What is the best solution ? Maybe, Could it be solved adding a "registration" class to the JFBConnect Social Registration Page ?
Is there a way to add a Class to the JFBConnect Social Registration Page ?
Honestly, I think at this point, if you want things changed specifically like this, you'll need to do your own template override and update CSS styles.Please, Is there a way to have the password/email fields aligned col-md-6 as in the this Registration page ?:
- password > confirm password
- email > confirm email
4A - Please, How can we add classes to the fields ?
4B - Please, How can we add classes to the JFBConnect Social Registration Page ? (Maybe Is there a simple way through JavaScript?)
Join our newsletter to get alerts for Joomla releases, tips and tricks and extension updates.