[Skip to main content](#vessel-content)

#   Layout Login/registration

##

- **[Michiel\_l](/forum/user/57981-michiel-l "View Michiel&#95;l's Profile")**
- [![Michiel&#95;l's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/57981-michiel-l "View Michiel&#95;l's Profile") Topic Author
- [ Offline](/forum/user/57981-michiel-l)

Less More

- Posts: 9
- Thank you received: 2
-
-

7 years 1 month ago [\#311421](#311421) by [Michiel\_l](/forum/user/57981-michiel-l "View Michiel&#95;l's Profile")  *[Layout Login/registration](/forum/27-checkout/898373-layout-login-registration#311421 "-- HikaShop version -- : 4.2.1 -- Joomla version -- : 3.9.12 -- PHP version -- : 7.3.9 -- Browser(s) name and version -- : Chrome 77.0.3865.90  On the login/registration page, the registration is postioned to the right of the login. This doesn't fit, so I want the registration to be below the login (or a link to a separate registration page)  I have made a custom css file and applied this:   www.hikashop.com/en/support/documentatio...tml#registration&#95;box  , but is has no effect.  Obviously, I am overlooking something, but what?")* was created by *[Michiel\_l](/forum/user/57981-michiel-l "View Michiel&#95;l's Profile")*

-- HikaShop version -- : 4.2.1
-- Joomla version -- : 3.9.12
-- PHP version -- : 7.3.9
-- Browser(s) name and version -- : Chrome 77.0.3865.90

On the login/registration page, the registration is postioned to the right of the login. This doesn't fit, so I want the registration to be below the login (or a link to a separate registration page)

I have made a custom css file and applied this: [ www.hikashop.com/en/support/documentatio...tml#registration\_box](http://www.hikashop.com/en/support/documentation/84-css-styling.html#registration_box) , but is has no effect.

Obviously, I am overlooking something, but what?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg5ODM3My1sYXlvdXQtbG9naW4tcmVnaXN0cmF0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Philip](/forum/user/34318-philip "View Philip's Profile")**
- [![Philip's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/34318-philip "View Philip's Profile")
- [ Offline](/forum/user/34318-philip)

Less More

- Posts: 4820
- Thank you received: 652
-
-

7 years 1 month ago -  7 years 1 month ago [\#311442](#311442) by [Philip](/forum/user/34318-philip "View Philip's Profile")  Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Layout Login/registration](/forum/27-checkout/898373-layout-login-registration#311442 "-- HikaShop version -- : 4.2.1 -- Joomla version -- : 3.9.12 -- PHP version -- : 7.3.9 -- Browser(s) name and version -- : Chrome 77.0.3865.90  On the login/registration page, the registration is postioned to the right of the login. This doesn't fit, so I want the registration to be below the login (or a link to a separate registration page)  I have made a custom css file and applied this:   www.hikashop.com/en/support/documentatio...tml#registration&#95;box  , but is has no effect.  Obviously, I am overlooking something, but what?")*

Hello,

Yes, unfortunately this documentation page is really up to date, so with your post it's clear that we have to update it quite soon.
Now, in order to help you, follow me step by step :
- First, when you want build your **selector** (with required html class), point with your mouse, then click on **click-right** and select **inspect** (or inspector tool, etc...), a new window will open that display your html, and able you to see the elements class, see my screenshot :

[ ![&#91;img](https://i.imgur.com/bJXMiuz.png) ](https://i.imgur.com/bJXMiuz.png "&#91;img")

Second, I think that to get what you need, you can use the **2 blocks** (login &amp; inscription) html class with these commands :
**display: block;
width: 100%;**
These commands, will enlarge the 2 blocks, but as you can see the login block is above the inscription block.

And then, for pass your login block below your inscription block :
**position: relative;
top: -290px;**
And for your inscription block on the top :
**position: relative;
top: 1030px;**

Hope this will help you to get what you need.
Regards

Last edit: 7 years 1 month ago by [Philip](/forum/user/34318-philip "View Philip's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg5ODM3My1sYXlvdXQtbG9naW4tcmVnaXN0cmF0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[Michiel\_l](/forum/user/57981-michiel-l "View Michiel&#95;l's Profile")**
- [![Michiel&#95;l's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/57981-michiel-l "View Michiel&#95;l's Profile") Topic Author
- [ Offline](/forum/user/57981-michiel-l)

Less More

- Posts: 9
- Thank you received: 2
-
-

7 years 1 month ago [\#311696](#311696) by [Michiel\_l](/forum/user/57981-michiel-l "View Michiel&#95;l's Profile")  Replied by *[Michiel\_l](/forum/user/57981-michiel-l "View Michiel&#95;l's Profile")* on topic *[Layout Login/registration](/forum/27-checkout/898373-layout-login-registration#311696 "-- HikaShop version -- : 4.2.1 -- Joomla version -- : 3.9.12 -- PHP version -- : 7.3.9 -- Browser(s) name and version -- : Chrome 77.0.3865.90  On the login/registration page, the registration is postioned to the right of the login. This doesn't fit, so I want the registration to be below the login (or a link to a separate registration page)  I have made a custom css file and applied this:   www.hikashop.com/en/support/documentatio...tml#registration&#95;box  , but is has no effect.  Obviously, I am overlooking something, but what?")*

To be honest, I didn't exactly comprehend your solution, but it showed me the way. Problem solved, thank you!

The following user(s) said Thank You: [Philip](/forum/user/34318-philip "View Philip's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI3LWNoZWNrb3V0Lzg5ODM3My1sYXlvdXQtbG9naW4tcmVnaXN0cmF0aW9uP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.077 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
