Support Forums - Classified Ads Script Osclass
Osclass theme support => Gamma Osclass Theme => Topic started by: bobyrou on June 28, 2021, 01:17:20 AM
-
I am not sure how many realise the importance of how Registration buttons needs to be displayed on screen in order to Improve the conversion rates. We spend lots of money and work very hard to get visitors on website only to loose them because the login or registration page is poorly designed. I really think the "Register" button on Login page needs to be revised to help increase the conversion rate. The best for conversion would be if both Login and Registration page are displayed at the same time on screen... see print screen image attached. Also the Password confirmation: consider “show/hide” rather than typing another field. To be honest I don't have high expectation for this to ever be implemented because Osclasspoint seems to have their own priorities, but worth the try.
https://imgur.com/a/8JTMRui
https://imgur.com/S3VHoqj
-
@bobyrou
You may add following to your style.css
#i-forms .swap a { font-size: 16px; }
-
Much appreciated for your solution but increasing font size it's not going to help as the Register button needs to be more proeminent.
-
Well, do whatever you prefer to do, but in theme it stays as it is now.
-
One more question if you can help please - how do I switch.... on login page the default form to show Register form? At the moment it always shows first Login. But I will like always first to show Register form if possible... I know I need to edit the user-register.php file but I don't know what exactly I need to change there to show Register form first. Any help is much appreciated!!
https://imgur.com/5NXFxrr
-
@bobyrou
You can use "move" parameter.
https://gamma.mb-themes.com/user/register?move=register
https://gamma.mb-themes.com/user/register?move=login
or
https://gamma.mb-themes.com/user/register
https://gamma.mb-themes.com/user/login
-
Hi
Regarding "Register" and "Forgot password" links on login page, I have modified mine to look more pretty (like you said in your post, more proeminent) and I was thinking to share it with you, maybe can help you.
My approach was to modify the css (in fact adding custom css code in admin BO / Appearance / Customization
And I have added the custom CSS code:
#i-forms .swap a {
font-size: 16px;
border-radius: 15px;
background: #efe946;
padding: 10px;
}
Now it looks like second picture attached.
Hope it helps.
-
@kenoffice
Thanks for sharing, some people may find it helpful ;)
-
to delete the old code
#i-forms .swap a {float:left;}
#i-forms .swap a:last-child {float:right;}
or put it over?
-
Hi. The code above should be inserted into oc-admin > Appearance > Customization page, (there is the place where you usually insert custom css code) and NOT overwritting existing css files (like style.css or responsive.css).
-
@kenoffice
That is valid note ;)