Topic-icon Edit layout login and registration text and buttons

Active Subscriptions:

None
5 years 11 months ago #63945 by GDA
Which files would I need to edit to change the layout of the text and buttons that are added on the login and registration pages?

In the configuration, i opted to display the buttons on top. I would like to add a heading and add more space between the buttons.
I changed the text 'Login With' and 'Register With' already through the language overrides, but would like to add a break, so that the buttons display underneath the text.

The page is getdirections.asia/login/register
As you can see I added a heading in the com_users/registration/default.php file (override), but I need the heading to go on top of the buttons.

Thank you,
Tony
The topic has been locked.
Support Specialist
5 years 11 months ago #63947 by alzander
The simplest thing you may want to try is to update the language string you've already modified to add the proper h-tag. So, instead of:

COM_JFBCONNECT_REGISTER_WITH="Register With "

Try:

COM_JFBCONNECT_REGISTER_WITH="<h3>Register With These Social Networks</h3>"

(Or whatever you want). The h-tag will give you the size you want and add a line break after automatically.

Beyond that, all the login buttons are put into a container class of "sourcecoast login", which you can target in your CSS however necessary. Each login button also gets it's own class of "social-login facebook" (or whatever social network the button is from.

I hope that helps give you a starting point, but if you need anything further, just let us know.

Thanks,
Alex
The topic has been locked.
Active Subscriptions:

None
5 years 11 months ago #63948 by GDA
Thanks Alex, works great. Will look a bit further into the buttons tomorrow.

Regards,
Tony
The topic has been locked.
Support Specialist
5 years 11 months ago #63952 by alzander
Tony,
Glad to hear we could help. If you run into anything else or need any further assistance, just let us know.

Thanks,
Alex
The topic has been locked.