Hewahoo and Joomsocial

http://mymestyle.mymestyle.com/ this is the webpage

i installed jomsocial on it. on mainmenu it is called backstage. if you cliick on backstage the jomsocial frontpage apears. if you click now on login the user and password field is vertical and not horizontal as normal. on every other link it works fine. only if you are on jomsocial frontpage and try to login via module login on top.

do you understand my problem?

Hi

Please try to add

Code: Select all

float:left;


into classes:

Code: Select all

form#form-login fieldset.input label {


and

Code: Select all

input.inputbox, input.required, select {


in template.css file

what do you exactly mean?
i attached the code of template.css
because the code is already like you said?

/*--------------------------------------------------------------
# Hewahoo - January 2010 (for Joomla 1.5)
# Copyright (C) 2007-2010 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected]
---------------------------------------------------------------*/

/*
* Body
*/

html { min-height:100%; border-bottom:1px solid transparent; }
body { margin:0; padding:0; color:#333; }
/*
* Basic font-size and line-height
*/

#gk_wrapper { font-size:1.3em; line-height:1.9em; }
/*
* Basic link styles
*/

a { outline:none; cursor:pointer; }
a:link, a:visited, a:active { text-decoration:none; }
a:hover { text-decoration:none; }
/*
* Basic image style
*/

img { border:none; text-decoration:none; }
/*
* Basic lists styles
*/

ul { padding:0; margin:0; }
ul li { padding:0; margin:0; line-height:1.9em; }
ul ul { padding-left:20px; }
ul li a { text-decoration:none; }
ol li { line-height:1.9em; }
/*
* Basic heading styles
*/

th { padding:4px; text-align:left; }
p, pre, blockquote, h1, h2, h3, h4, h5, h6 { margin:1em 0; padding:0; }
h1 { font-size:2.0em; }
h2 { font-size:1.75em; }
h3 { font-size:1.5em; }
h4 { font-size:1.25em; }
h5 { font-size:1.15em; }
h1, h2, h3, h4, h5 { margin:0; }
/*
* Basic form styles
*/

fieldset { border:none; padding:5px 0; }
fieldset a { font-weight:bold; }
input, select, button { font-size:1.0em; font-weight:normal; border: 1px solid #e0e0e0; }
input.inputbox, input.required, select { padding:2px; margin-bottom: 5px; }
input#modlgn_remember { border: none; width: inherit; }
/*
* Basic HR-line style
*/

hr { border-right:0; border-left:0; border-bottom:0; height:1px; }
/*
* Top wrapper
*/

a#logo, a#logo_styled { display:block; float:left; height:48px; padding:23px 0 0 47px; width:221px; }
a#logo_styled{background:url('../images/logo.png') no-repeat 0 0;}
div#user_panel { width:auto; float:right; margin:0 15px 10px 0; color:#fff; font-size:15px; font-weight:bold; }
div#user_panel a { color:#fff; text-transform:uppercase; }
div#highlight { width:auto; height:24px; float:left; margin:0 0 20px 240px; background:transparent url('../images/highlighter_left.png') no-repeat 0 0; }
/*
* Menu
*/

div#horiz-menu { font-size:20px!important; font-weight:normal; padding:22px 14px 0 0; float:right; text-transform:uppercase; margin:0 0 11px 0; }
div#horiz-menu ul ul { font-size:14px; font-family:Arial, Verdana, sans-serif; font-weight:bold; }
div#horiz-menu ul ul a, div#horiz-menu ul ul a:hover { color:#fff; }
/*
* Top addons
*/

div#addons { background:transparent url('../images/breadcrumbs.png') no-repeat right 0; height:45px; line-height:45px; margin:0 15px; }
div.blankheader { margin-top:125px!important; }
div#breadcrumb { width:700px; float:left; }
div#search { width:234px; float:left; }
/*
* Header modules
*/

div#header { width:930px; overflow:hidden; margin:0 0 20px 0; padding:0 25px; }
div#header1.both { margin:0 40px 0 0; }
div#header1, div#header2 { float:left; }
/*
* mod_search
*/

input#mod_search_searchword { width:171px; height:21px; display:block; border:none; padding:2px 12px 0 12px; margin:14px 0 0 0; color:#aaa; font-size:13px; float:right; }
/*
* mod_breadcrumb
*/
div#breadcrumb span, div#breadcrumb a { display:block; width:auto; float:left; line-height:45px; height:45px; }
div#breadcrumb span.youah { margin: 0 17px 0 0; }
div#breadcrumb span.youah span { color:#111; text-transform:uppercase; width:130px; text-align:right; }
div#breadcrumb a.pathway { color:#999; }
div#breadcrumb span.separator { margin:0 17px; width:6px; background:transparent url('../images/breadcrumbs_bullet.png') no-repeat center center; text-indent:-999em; }
div#breadcrumb span.last { color:#1e1e1e; }
/*
* mod_login and register
*/

form#form-login ul li { float:left!important; width:auto!important; margin-right:18px!important; }
form#form-login fieldset.input label { margin:0 0 0 12px; padding:0; }
#popup_register .form_buttons .btn { padding:0!important; margin:0!important; }
/*
* Logout
*/
div#logout_area { padding:21px 0; }
div#logout_area div { width:auto; float:left; margin:0 25px 0 220px; }
/*
* Bottom sections
*/

#gk_bottom1 a { color: #333; }
#gk_bottom1 { background:transparent url('../images/bottom_bg.jpg') repeat-x 0 0; }
#gk_bottom1 .moduletable h3, #gk_bottom1 .moduletable_menu h3, #gk_bottom1 .moduletable_text h3, #gk_bottom1 .moduletable_ver1a h3, #gk_bottom1 .moduletable_ver1b h3, #gk_bottom1 .moduletable_ver1c h3, #gk_bottom1 .moduletable_ver2a h3, #gk_bottom1 .moduletable_ver2b h3, #gk_bottom1 .moduletable_ver2c h3, #gk_bottom1 .moduletable h3 span, #gk_bottom1 .moduletable_menu h3 span, #gk_bottom1 .moduletable_text h3 span, #gk_bottom1 .moduletable_ver1a h3 span, #gk_bottom1 .moduletable_ver1b h3 span, #gk_bottom1 .moduletable_ver1c h3 span, #gk_bottom1 .moduletable_ver2a h3 span, #gk_bottom1 .moduletable_ver2b h3 span, #gk_bottom1 .moduletable_ver2c h3 span { background: none; }
/*
* Footer sections
*/

#gk_footer { font-size: 0.86em; color: #999; background:transparent url('../images/bottom_bg.jpg') repeat-x 0 78%; }
#footer_menu { float: left; }
#informations { float: right; }
#footer_menu { float: left; }
#footer_menu li { float: left; margin-right: 10px; }
#stylearea { float:right;margin:0 0 0 20px; }

Hi

No it isn't the same.

Please add this at the end of this file:

Code: Select all

form#form-login fieldset.input label,
form#form-login input.inputbox,
form#form-login input.required {
float:left;
}


i added it to the template.css
but it is still the same problem.

i am very confused because it is only if the jomsocial frontpage on screen. if you are on other menu the login field is okay.

Hi

Please see if You did clear cache.

And please send me Your panel access data, because I do not see the code I'm giving You on site.

do you mean with panel access the admin login?
if you do its still admin:demo

i also clear chache. i also tried with IE but same problem as firefox.

Hi

I've fixed it a little.

Code: Select all

#form-login fieldset.input label,
#form-login input.inputbox,
#form-login input.required {
float:left;
}

form#form-login fieldset.input label {
margin:0 6px 0 5px !important;
}

.popup_padding {
padding:0 10px 10px !important;
height:73px !important;
}


The problem with not accepting changes was that after every line in my code was # sign.

thanks but now check the register button. now the register button is complety messed up on every single menu...

Hi

Oh yes, right. Sorry I forgot that register uses the same popup window. Please remove the line:

Code: Select all

height:73px !important;


form the last class in template.css

Code: Select all

.popup_padding {
padding:0 10px 10px !important;
height:73px !important;
}


I was having the same problem this user was having and I used the same code you gave to him and it fixed my problem the only thing I'm trying to fix the text that says Remember me. The me gets pushed to the next line. You could go to this link if you want to see the problem. I was trying to change the padding and stuff but nothing worked.

http://www.celestialproductions.com/jm/ ... &Itemid=74

thanks.

Hi

Try with this code:

Code: Select all

#gk_popup_wrap input.inputbox {
width: 170px;
}

#gk_popup_wrap ul li label {
width:110px;
}


Thank you it worked... you guys are GREAT!!!...