Error in the joomla registration login form does not display tos terms of service

cachou93
28 Posts
cachou93 posted this 11 October 2021

Hello,

I have newly installed a themler template and encountered an issue in displaying the terms of service on the Joomla registration login form.

Any idea how to solve it?

Thank you

Hello, I have newly installed a themler template and encountered an issue in displaying the terms of service on the Joomla registration login form. Any idea how to solve it? Thank you
Vote to pay developers attention to this features or issue.
14 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 12 October 2021

Hello,

Is the issue reproducible with a non-Themler theme like default Joomla theme?

Sincerely,
Nettie

Hello, Is the issue reproducible with a non-Themler theme like default Joomla theme? Sincerely, Nettie
cachou93
28 Posts
cachou93 posted this 12 October 2021

Hello Nettie,

Thank you for your reply.

No, the registration login form displays correctly with the Protostar template.

Hello Nettie, Thank you for your reply. No, the registration login form displays correctly with the Protostar template.
Support Team
Support Team posted this 12 October 2021

Hello Alexandra,

Could you please provide the link to your site?

Gina
Themler Support

Hello Alexandra, Could you please provide the link to your site? Gina Themler Support
cachou93
28 Posts
cachou93 posted this 13 October 2021

Hello Gina,

I managed to recover the TOS wording and link on the register user form by adding the following CSS to the Themler properties

.form-horizontal .control-label {
text-align: left;
}

jform_profile_tos input

{
float: none;
}

.registration a.modal {
display: inline;
position: relative;
}

However, I can I have the labels aligned with their respective field?

Thank you

Hello Gina, I managed to recover the TOS wording and link on the register user form by adding the following CSS to the Themler properties .form-horizontal .control-label { text-align: left; } #jform_profile_tos input { float: none; } .registration a.modal { display: inline; position: relative; } However, I can I have the labels aligned with their respective field? Thank you
Support Team
Support Team posted this 16 October 2021

Sure, I can help finding the additional CSS for this, but I would need the link to your site, please.

Gina
Themler Support

Sure, I can help finding the additional CSS for this, but I would need the link to your site, please. Gina Themler Support
cachou93
28 Posts
cachou93 posted this 16 October 2021

Thank you for your reply.

The site is https://accademiadiformazionemusicale.com/registrati-2

Thank you for your reply. The site is https://accademiadiformazionemusicale.com/registrati-2
Support Team
Support Team posted this 18 October 2021

Try this CSS:

    #jform_profile_tos label {
        line-height:40px;
        vertical-align:top;
        margin-right:50px;
    }
 #jform_profile_tos input {
        line-height:40px!important;
    }

Gina
Themler support

Try this CSS: #jform_profile_tos label { line-height:40px; vertical-align:top; margin-right:50px; } #jform_profile_tos input { line-height:40px!important; } Gina Themler support
cachou93
28 Posts
cachou93 posted this 17 November 2021

Hello,

Thank you for your reply.
I tried to access the editor to paste the CSS lines, and I got the message attached. I can't access the editor anymore.

Hello, Thank you for your reply. I tried to access the editor to paste the CSS lines, and I got the message attached. I can't access the editor anymore.
Support Team
Support Team posted this 17 November 2021

Please, try clearing the cache in all browsers you used Themler. This should help.

Gina
Themler Support

Please, try clearing the cache in all browsers you used Themler. This should help. Gina Themler Support
cachou93
28 Posts
cachou93 posted this 18 November 2021

I appreciate your support.
I managed to access the editor now after clearing the cache.
I have pasted the CSS lines. However, no changes occurred.

I appreciate your support. I managed to access the editor now after clearing the cache. I have pasted the CSS lines. However, no changes occurred.
Support Team
Support Team posted this 19 November 2021

This is how I see your site:

Screenshot-1.png

Maybe, you need to clear the cache once again to see the changed.

Gina
Themler Support

This is how I see your site: !Screenshot-1.png! Maybe, you need to clear the cache once again to see the changed. Gina Themler Support
cachou93
28 Posts
cachou93 posted this 19 November 2021

Yes, I see it like that too. My request was: Can I have the labels aligned with their respective field, not above?

Yes, I see it like that too. My request was: Can I have the labels aligned with their respective field, not above?
Support Team
Support Team posted this 20 November 2021

You can add this custom code to get the result on the image below:

.control-label, .controls {
    display: inline-block;
    min-width: 200px;
}

Screenshot-2.png

Gina
Themler support

You can add this custom code to get the result on the image below: .control-label, .controls { display: inline-block; min-width: 200px; } !Screenshot-2.png! Gina Themler support
cachou93
28 Posts
cachou93 posted this 22 November 2021

Thank you very much. It works like a charm now.

Thank you very much. It works like a charm now.
You must log in or register to leave comments