- Posts: 9
- Thank you received: 2
Layout Login/registration
6 years 11 months ago #311421
by Michiel_l
Layout Login/registration was created by Michiel_l
-- 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 , but is has no effect.
Obviously, I am overlooking something, but what?
-- 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 , but is has no effect.
Obviously, I am overlooking something, but what?
Please Log in or Create an account to join the conversation.
6 years 11 months ago - 6 years 11 months ago #311442
by Philip
Replied by Philip on topic Layout Login/registration
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 :
Second, I think that to get what you need, you can use the 2 blocks (login & 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
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 :
Second, I think that to get what you need, you can use the 2 blocks (login & 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: 6 years 11 months ago by Philip.
Please Log in or Create an account to join the conversation.
6 years 11 months ago #311696
by Michiel_l
Replied by Michiel_l on topic Layout Login/registration
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
Please Log in or Create an account to join the conversation.
Time to create page: 0.213 seconds