Edit Registration Form

  • Posts: 38
  • Thank you received: 0
11 years 4 months ago #108685

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

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #108695

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

Please Log in or Create an account to join the conversation.

  • Posts: 38
  • Thank you received: 0
11 years 4 months ago #108700

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

Last edit: 11 years 4 months ago by fireballxl5. Reason: prefer not to display link

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #108703

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; }

Please Log in or Create an account to join the conversation.

  • Posts: 38
  • Thank you received: 0
11 years 4 months ago #108705

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

Please Log in or Create an account to join the conversation.

  • Posts: 38
  • Thank you received: 0
11 years 4 months ago #108712

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

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #108714

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

Please Log in or Create an account to join the conversation.

  • Posts: 38
  • Thank you received: 0
11 years 4 months ago #108718

Yay!
Job done.
Thanks

Please Log in or Create an account to join the conversation.

  • Posts: 73
  • Thank you received: 2
11 years 4 months ago #108979

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.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 38
  • Thank you received: 0
11 years 4 months ago #109010

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

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
11 years 4 months ago #109014

Hi,

You can try this property:

.hikashop_product_quantity_field{ width: 80% !important;}

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

Last edit: 11 years 4 months ago by Xavier.
The following user(s) said Thank You: aheng5

Please Log in or Create an account to join the conversation.

  • Posts: 38
  • Thank you received: 0
11 years 4 months ago #109019

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

Please Log in or Create an account to join the conversation.

  • Posts: 13201
  • Thank you received: 2322
11 years 4 months ago #109036

Hi,

Yes right, I have edited my post ;)

Please Log in or Create an account to join the conversation.

  • Posts: 38
  • Thank you received: 0
11 years 4 months ago #109044

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

Please Log in or Create an account to join the conversation.

  • Posts: 82758
  • Thank you received: 13346
  • MODERATOR
11 years 4 months ago #109077

That will only affect the quantity fields.

Please Log in or Create an account to join the conversation.

  • Posts: 73
  • Thank you received: 2
11 years 4 months ago #109115

Success! Thanks for all the answers.

Please Log in or Create an account to join the conversation.

Time to create page: 0.099 seconds
Powered by Kunena Forum