I just enabled the login form. Why does it look completely out of shape? I have no custom.css running: www.friedensschule-neustadt.de/
There is no margin between the icons and the inputs and the icons are out of line. There is unreasonable space between the elements. What is wrong with my installation?

The registration form is not that much destroyed but still does not look exactly good.

Hi

I don't remember seeing the use of view port width in the template css

#login-form input {
margin-bottom: 2vw;
}

Is this a custom style you added?

Cheers
Paul

That is "Vertical Rhythm" within the template settings. When I change that to 10px the forms look a bit better vertically but the rest of the page is now squeezed. And the other issues are still there too.

ah I missed that one

Can you not target the vertical width by adding css for the sidebar and a unique module class name suffix?

Cheers
Paul

Of course I can alter everything. But what is the purpose of outsourceing the template design when you have to do even the basics all over again by yourself? I have chosen the best template coder I knew one year ago because for me a hussle free workflow is very important. Therefore I ask to update the responsive2 template with bugfixes (if the issues above are bugs) so I can focus on my job which is client specific customising.
thanks

Hi

We are planning an update for the template so will include this glitch

Regards
Paul

I've fixed the appearance of the forms in my local copy and will release in an update today.
The use of the global gutter there is an oversight and has been removed.
Thanks

Ive attached the package due for release today but I wanted to see if you could see if it addresses all of your issues.

Appreciate your patience.

Changed Files:

html/mod_finder/*
html/mod_login/*
html/mod_menu/*
html/com_users/login/default_login.php
html/layouts/joomla/content/fulltext_image.php
tpls/blocks/social/pinterest.php
tpls/blocks/social.php
tpls/blocks/main.php
less/joomla.less
zengrid/
templateDetails.xml

Less needs to be compiled to css to see some of the changes.

Anthony

Sorry one more thing not yet fixed. The collapsing search input button etc. That will be done next.

Thanks.
The menu still jumps the last 20px (tested in Chrome).
The login module still has the "vertically stacked" issue with the label and the username field at 1210px and at 950px the fields are too long and exceed the template width.
For my taste the vertical spacing in the forms is still way to much. The fields "lose contact and ar not chained anymore" and for the user's eye it is very hard to keep track what comes next, especially in the contact form: www.friedensschule-neustadt.de/index.php?option=com_contact&view=contact&id=1&Itemid=913&lang=en But I can change that in custom.css.

The search button is out of line at 1250px: diler.laengenfeldschule.de/

1. Yes one more thing to adjust.

2. I agree re the login inputs. The gutter was applied to the parent div as well and on my tests I have a different gutter so it didn't look so bad. Fixed in the framework now.


3. The stacking issue is another bootstrap oddity, They have a fixed width for that type of input. See forms.less

// Reset appearance properties for textual inputs and textarea
// Declare width for legacy (can't be on input[type=*] selectors or it's too specific)
input,
textarea,
.uneditable-input {
width: 206px; // plus 12px padding and 2px border
}

I would be inclined just to add a specific rule for this I think. eg
#login-form input {width:90%}

I dont want to override that as a rule int he framework as it may have some bearing somewhere else in bootstrap.

4. The search button looks fine here. eg lining up vertically.

Thanks

The sticky jump is a framework issue that will take more time to address. I see it jumping a few pixels and not being smooth if you scroll slowly. It's fine if you do it quickly.

Ive attached an update that makes the search input collapse if no button. You will need to compile less to css again.

What do you mean? This is what I see. I have no custom.css running:

Sorry screen was too wide.
Fixed in attached. Compile less to css.

Why is the login module still using the templates vertical gutter on

Ive added that fix to the framework as well. Attached the update for you.