Topic-icon Member registration view (design)

Active Subscriptions:

None
9 years 5 months ago #48558 by ayuboe
Hi..

Please help me to create member registration page like you:
www.sourcecoast.com/register

Please inform what files must be edit, especially how to make "Register with a social network" be in different line with social network buttons (two lines).

Thank you very much!
The topic has been locked.
Support Specialist
9 years 5 months ago #48560 by mel
First, create a template override for the com_users registration page. To do this, copy the /components/com_users/views/registration/tmpl/default.php to the /templates/YOUR_TEMPLATE/html/com_users/registration directory.

At line 20, before the form, we added the following block of code:
[code]<div id="sc-registration">
<h3 style="margin-bottom:5px">Register with a social network</h3>
{JFBCLogin}
<br/>
</div>[code]

That should get you started, and then you can add whatever styles for that block to make it fit with the rest of your page.

Thanks
-Melissa
The topic has been locked.
Active Subscriptions:

None
9 years 5 months ago - 9 years 5 months ago #48563 by ayuboe
So thank you... It's work! How about the form, how to make the form width be 100%, so the underline width is 100% too?
Last edit: 9 years 5 months ago by ayuboe.
The topic has been locked.
Support Specialist
9 years 5 months ago #48566 by mel
The styling is specific to your page. Looking at www.deherba.com/create-an-account.html there are a couple of things that you need to fix:

* Your "section class="registration" has a width defined of 500px. This needs to be at 100% width.
* Your legend within the form needs to be at 100% width
* Your "#member-registration dt" have a min-width set of 170px, but needs a width 100% too.
* Add a border-bottom to your legend to get the underline.

With these four updates, you will get closer to the styles of our page.

-Melissa
The topic has been locked.