Rgistration Form CSS Issue

Hi guys. I’ve got few more layout issues. These are small ones, I believe. On the registration form the fields height isn’t right. Screenshot is attached.

Also, you know how you can set the privacy rule to each entered field on the registration form? Well, the last popup under “Education” isn’t right as well. See the screenshot.

Thank you in advance.

Hi,
please send me PM with some admin account to jomsocial. I will login and fix it. What browser do you use ?

Hi,
please send me PM with some admin account to jomsocial. I will login and fix it. What browser do you use ?

Konrad, I always try to check major browsers. But this appears to be a problem in Chrome, Firefox and IE. I will send you a PM.

By the way, what can be the possible layout issues? Is it because of different extensions that affect this? Cause you demo look great...

In most cases issues are because some rules from diffrent extensions affect them. Try add this to override.css

Code: Select all

body #community-wrap .key label {
line-height:38px;
}
body #community-wrap .value select {
margin-top:7px !important;
}


In most cases issues are because some rules from diffrent extensions affect them. Try add this to override.css

Code: Select all

body #community-wrap .key label {
line-height:38px;
}
body #community-wrap .value select {
margin-top:7px !important;
}


I see. Well, it didn't fix it. I removed the code. Any other options, Konrad?

In most cases issues are because some rules from diffrent extensions affect them. Try add this to override.css

Code: Select all

body #community-wrap .key label {
line-height:38px;
}
body #community-wrap .value select {
margin-top:7px !important;
}


By the way, you demo site has the same issue once again.

Paste this code to components/com_community/templates/gk_style/css/gk_style.old.css at the bottom afer last selector:

Code: Select all

body #community-wrap .key label,
body #community-wrap .paramlist_key label {
line-height:38px;
}
body #community-wrap .value select {
margin-top:7px !important;
}


on my js install worked so should work no yours too.

Paste this code to components/com_community/templates/gk_style/css/gk_style.old.css at the bottom afer last selector:

Code: Select all

body #community-wrap .key label,
body #community-wrap .paramlist_key label {
line-height:38px;
}
body #community-wrap .value select {
margin-top:7px !important;
}


on my js install worked so should work no yours too.

Konrad, the label position looks much better with centered alignment. Although, the text box height is bigger than the height of the drop-down box.

Also, the privacy drop-down under education is still not showing up entirely. I've checked in Chrome. Didn't get a chance in other browsers.

Thanks.

Paste this code to components/com_community/templates/gk_style/css/gk_style.old.css at the bottom afer last selector:

Code: Select all

body #community-wrap .key label,
body #community-wrap .paramlist_key label {
line-height:38px;
}
body #community-wrap .value select {
margin-top:7px !important;
}


on my js install worked so should work no yours too.

Hi Konrad, any luck on this??

<select> elements can't be edited using css so they have to be as they are now. To fix privacy drop-down under Education please try add to override.css

Code: Select all

#community-wrap.cRegister {
padding-bottom:15px !important;
}


<select> elements can't be edited using css so they have to be as they are now. To fix privacy drop-down under Education please try add to override.css

Code: Select all

#community-wrap.cRegister {
padding-bottom:15px !important;
}


Fixed. thank you so much!