Edit Registration Form

Hello
I am running a campaign which will ask users to register their interest and to do this i shall create a link for them to fill in the Hikashop registration form. Once they are registered I can then send them extra information, enable a registered users menu options and so on.

My problem is that for whatever reason I have managed to change the layout of the registration form so that the fieldname, for example address_firstname, appears on one line of the screen and the asterisk which defines that this is a required field appears on the next line. This takes up a lot of vertical screen space and doesn't look good. How can I change the layout settings?

I have attached a screenshot to better explain the problem.

Thanks
Mike

That's a CSS issue. We would need a link to that page to tell you what to do.

Do you need an account setup to access the Joomla back-end?
Mike

No need for a backend access.
You need to add that CSS on your website and it will display fine:
.hikashop_user_registration_page input{ width : 90% !important; }

Super fantastic easy fix. Just slapped the custom code into Artisteer (under options, CSS options) exported the template file brought it into Joomla and bingo, job done.
Super happy person.
Thanks

Ah, just found another page which has the same problem and hasn't been fixed by the CSS code you gave me. The page can be seen here;
mediastreamz.com/buy/mediastreamz-box then click on Add to cart. The login/registration page that is now displayed still has the asterisks appearing on a new line.
Thanks
Mike

Use: input{ width : 90% !important; }
That will apply to all the inputs of your website.

Yay!
Job done.
Thanks

I had the same problem and your css code worked on the registration part; however I can't seem to the the "cart" on the checkout screen to show the "refresh" and "delete" icon to show on the same line as as the quantity line. see attached screenshot. Please advise where this can be changed as well

I've done the last css code .hikashop_user_registration_page input{ width : 90% !important; } but no change.

I've just checked my system and found that I have the same problem. Thanks for the find aheng5
Rgds

Hi,

You can try this property:
The !important will override the previous properties about the width, you can try to reduce the percentage if it's not inline.

Hi Xavier
Should that be a "}" (close brace) at the end of the line and not a ";"?
Thanks.

Hi,

Yes right, I have edited my post

Excellent.
It worked for me when I set width to 40%, but will that setting affect any other forms that I haven't come across yet?
Cheers

That will only affect the quantity fields.

Success! Thanks for all the answers.