Hello LTheme community support team:
I’ve been testing the LT sound free Joomla template and like it so far. Recently, I decided to allow user registration on my site and wanted to enable the Joomla builtin “User – Terms and Conditions plugin.” However, on the front-end, the expected Terms and Conditions link doesn’t appear. I want end users to read the document prior to registering. If I switch to the Protostar or any other template, the Terms and Condition link appears just fine, so my next recourse is to reach out to you for help to fix it.
Here is how it looks like: http://guitarravallenata.org/joomla30/index.php/component/users/?view=registration&Itemid=101
Right under “Términos y condiciones,” the link to view the “Terms & Conditions Article” is supposed to appear. However, all that shows in there is an asterisk. If you mouse-over the asterisk, you will notice that it will disappear. I would appreciate your assistance with this.
Thank you
Hi,
Please go to Template Settings, open tab “Custom Code” and add more CSS as below for your Custom CSS code field
label {
display: block!important;
}
Hello @Kelvin
Thank you for the quick response.
I followed the steps you provided, but regret to tell you that I couldn’t quite find the Template Settings. I’m running Joomla 3.9.22. However, doing some research, I believe you wanted me to edit the “template.css” file from ltsound template (Extensions > Templates > Templates > Ltsound Details and Files > Editor (tab) > css). Line 49 already contains the “label” selector. I went ahead and added the property and property value you asked me to add. However, the behavior I see is that the asterisk no longer goes away, yet the link where the user is supposed to click, named Terms and conditions doesn’t show up. That’s the link that leads users to read the document. That’s what I’m trying to fix and not sure why ltsound template breaks that builtin plugin.
You just go to Admin > Extension > Templates, open your template, you will see Template Options, it’s Template Settings.
@Kelvin
Thank you for the clarification and assistance.
Are you referring to the Helix Ultimate Framework? If so, I went there and went to Custom Code > Custom CSS and then added the code you provided and clicked on Save button. However, I didn’t see any difference.
Just to clarify, this is how it looks like when selecting the native protstar template:
Hi,
I can see your issue now.
Please add more CSS
label a.modal {
position: relative;
color: #000;
display: block;
}
Save and recheck.
@Kelvin
Right into the gold!
However, the page displays somewhat “unpretty”:
The asterisk is showing under the “terms and conditions” link. Also, it would be nice to have the “short terms and conditions” text display above the Terms and conditions subheading, just as shown in my previous post when using the protostar template. If you can give me a hand with this, we can resolve this thread.
Hi
1/ You just replace my recent CSS with new once
label a.modal {
position: relative;
float: left;
color: #000;
display: block;
}
2/ Do you mean you want to place ‘by signing up to ….’ above ‘terms & conditionals’?
The new CSS provided looks good.
Yes, I want the Terms and Conditions link to show below the “by signing up to…” text.
Hello,
Unfortunate, it’s impossible with CSS, via HTML structure you can see “term and conditions’ link above “by signing up to…’, see my screenshot https://monosnap.com/file/IsrKlxpVqII0nwiJDWe2XGrQj0jNHn
If you want to order it, you have HTML override.