Dutch translations cause overlapping text in login box

When I installed the dutch language files, the words for 'Username' and 'Password' got changed to the longer 'Gebruikersnaam' and 'Wachtwoord', causing the text to overlap with the inputbox.

Where can I change the width of the inputboxes to make them smaller? An alternative would be to put them on the next line but that would break the nice alignment with the banner.

Thank you in advance, this template is amazing and I hope the Gavick team will consider making more Virtuemart templates in the near future since high quality ones such as these are hard to come by!

Kind Regards


Screenshot:

login screen.jpg

for such long words in such little space, i would add this to the override.css and enable it from the template manager:

Code: Select all

.mod_login span.modlgn_passwd, .mod_login span.modlgn_username { width:100% }

this will move the box below the text...

Alternative play with the width... it is as default 70%

and one more thing.. just noticed it will break the curve if you set it below 60% ...

you can then add the following

Code: Select all

.mod_login span.modlgn_passwd, .mod_login span.modlgn_username { width:50%; float:right; margin-right:3px }

for such long words in such little space, i would add this to the override.css and enable it from the template manager:

Code: Select all

.mod_login span.modlgn_passwd, .mod_login span.modlgn_username { width:100% }

this will move the box below the text...

Thank you very much for your fast solutions, super service. Because I decided I didn't want to make the left bar wider, I used the above solution in combination with the fix to align the search with the cart to make more space.

It's starting to look good, but there's still a small gap between the banner and main content of the site where the login screen is sticking out:

small gap.jpg

What would be the best way to solve this? I would like to change the height on the rotating banner, where can I change this? I'll be super thankful once I can fix this, it already helped alot.

Actually, I found out that the height of the photoslide banner is easily changed from the settings for a group of slides. Thanks so much for the incredible support, issue resolved.

great. glad i could help

and indeed... looks good

I have used the second solution which was given:

.mod_login span.modlgn_passwd, .mod_login span.modlgn_username { width:50%; float:right; margin-right:3px }

However it works, now it shows like this;

yourshop mod login.png

how can i widen the fileds?


in the mean time i have changed code in template.css to get this:

height like slideshow.png

code.png

but still i have nu clu how to widen the fields

Hi
Go to joomla.css and find

Code: Select all

.mod_login span.modlgn_passwd input, .mod_login span.modlgn_username input {
width:91%;
}


Try increase width

.mod_login span.modlgn_username { width: 97%; float: right; }

is the solution, thanks for your help

I'm glad I helped