Login Box Text When Logged Off is Unviewable
Hi,
I would be willing to pay for this help if not too costly!
http://knowledgebasedparenting.com
Re: Top right login box.
How do I adjust height specifically? I have gone into css below - I changed height from 135 to 145 but nothing happens when I insert css into the css customization page.
idLoginContainer
{
position: absolute;
top: 3px;
right: 10px;
width: 184px;
height: 145px;
z-index: 33003;
background: none;
float: left;
font-size: 0.85em;
font-color: #ffffff;
}
Also name of member could go up a bit and be enlarged.Where is this changed?
When logged out - Font color is black and links are barely visible as well as.
Yikes - help....
I changed the GadgetTemplate.tpl file - please see below. I know this is a lot but any direction at this point would help.
<$if(!Model.IsHiddenOnPage)$>
<div id="idLoginContainerTopCorners"
class="cornersContainer"><$Divs
(cornersDivsTop = "true", hideInnerDivs =
"true")$></div>
<div id="idLoginContainer">
<$Divs(designDivsBegin = "true")$>
<$if(Model.Security.IsAuthorized)$>
<div
id="loginData">
<div
id="idLoggedName">
<span><$if(Model.IsLapsedMembership)$><
$Model.Text.LabelLapsed$> <$endif$><
$Model.UserFullName$></span>
</div>
<$if (!
Model.IsSystemAdminView)$>
<div
id="ctl00LeftMenuAreaAuthentication1_login
ViewControl_passwordChangeBox"
class="profileBox">
<a href="<$if (Model.IsAdminView)$><
$Model.Urls.ContactDetails$><$else$><
$Model.Urls.Profile$>
<$endif$>"><$Model.Text.LinkProfileText
$></a>
</div>
<$endif$>
<!-- LINK ADDED FOR RENEWING PROFILE -->
<div id="RenewLinkInLoginBox"
class="profileBox"><a
href="/Content/Wizard/Renewal/MemberRenewal.
aspx">Renew Membership</a></div>
<$if
(Model.IsChangePasswordLinkVisible)$>
<div class="profileBox"
id="ctl03ctl02loginViewControl_passwordCha
ngeBox">
<a href="<$Model.Urls.ChangePassword$>"><
$Model.Text.LinkChangePasswordText$></a>
</div>
<$endif$>
<div
class="profileBox" id="idLoggedAction">
<form action="<$Model.Urls.SignOut$>" <$if
(Model.IsAdminView)$>target="_top"<$endif$>
method="post"><input type="submit" size="20"
value="<$Model.Text.LinkSignOutText$>"
id="ctl00LeftMenuAreaAuthentication1_login
ViewControl_LogoutButton"
class="loginButton"></form>
</div>
</div>
<$else$>
<table
id="ctl03ctl02loginViewControl_loginContro
l" cellspacing="0" cellpadding="0"
class="loginContainerTable" style="border-
collapse:collapse;" border="0">
<tr>
<td>
<div id="loginData">
<$Divs(designDivsBegin = "true")$>
<!-- NOTICE ABOVE LOGIN BOX --> <h3>MEMBER
LOGIN AREA</h3> <!-- lINK TO APPLICATION -->
<div>Not a member? Click <a
href="/membership.html">here</a> to sign
up.</div>
<form id="<$Model.Id$>"
action="<$Model.Urls.Authenticate$>"
method="post">
<input
type="hidden" name="ReturnUrl"
id="returnUrl" value="<$Model.Urls.Return
$>">
<input
type="hidden" name="browserData" id="<
$Model.Id$>_browserField">
<div
id="idLoginUserName">
<div
id="idLoginUserNameLabel">
<label
for='ctl03ctl02loginViewControl_loginContr
ol_UserName'>
<span validatorType="required"
controlToValidate="ctl03ctl02loginViewCont
rolloginControlUserName" display="static"
errorMessage="<$Model.Text.EmailIsRequired
$>"
id="ctl03ctl02loginViewControl_loginContro
l_userNameRequiredValidator"
class="mandatorySymbol"
style="visibility:hidden;">*</span>
<$Model.Text.LabelEmail$>
</label>
</div>
<div
id="idLoginUserNameTextBox">
<input name="email" type="text"
maxlength="100"
id="ctl03ctl02loginViewControl_loginContro
l_UserName" tabindex="1"/>
</div>
</div>
<div
id="idLoginPassword">
<div
id="idLoginPasswordLabel">
<label
for='ctl03ctl02loginViewControl_loginContr
ol_Password'>
<span validatorType="required"
controlToValidate="ctl03ctl02loginViewCont
rolloginControlPassword" display="static"
errorMessage="<
$Model.Text.PasswordIsRequired$>"
id="ctl03ctl02loginViewControl_loginContro
l_userNameRequiredValidator"
class="mandatorySymbol"
style="visibility:hidden;">*</span>
<$Model.Text.LabelPassword$>
</label>
</div>
<div
id="idLoginPasswordTextBox">
<input name="password" type="password"
maxlength="50"
id="ctl03ctl02loginViewControl_loginContro
l_Password" tabindex="2"
autocomplete="off"/>
</div>
</div>
<div
id="idLoginAction">
<span><input type="submit"
name="ctl03$ctl02$loginViewControl
$loginControl$Login" value="<
$Model.Text.ButtonLoginText$>"
id="ctl03ctl02loginViewControl_loginContro
l_Login" onclick="if (!
browserInfo.clientCookiesEnabled()) {alert
('<$Model.Text.WarningCookiesNotAvailable
$>'); return false;}" tabindex="4"
class="loginButton"/></span>
</div>
<div
id="idLoginPasswordForgot">
<a
href="<$Model.Urls.ForgotPassword$>"><
$Model.Text.LinkForgotPasswordText$></a>
</div>
</form>
<script
type="text/javascript"
language="javascript">
var browserField =
document.getElementById('<$Model.Id$>' +
'_browserField');
browserField.value
= browserInfo.getBrowserCapabilitiesData();
$(document).ready
(function() { $('#<$Model.Id
$>').FormValidate(); });
</script>
<$Divs(designDivsEnd = "true")$>
</div>
</td>
</tr>
</table>
<$endif$>
<$Divs(designDivsEnd = "true")$>
</div>
<div id="idLoginContainerBottomCorners"
class="cornersContainer"><$Divs
(cornersDivsBottom = "true", hideInnerDivs =
"true")$></div>
<$endif$>
-
Kingsley commented
Webfoot,
I think you also need to put in the following CSS
#idLoginContainer .d1, #idLoginContainer .d3 {
height: 145px;
}When customising a WA site I find the best tool is the "inspect element" feature in Firefox and Chrome (in the menu when you right click). The WA website structure has so many layers of DIV's it is often hard to work out which one is effecting your layout. With the inspect element tool you can select the object you want to customise, see what CSS is controlling it and even experiment with changing the code and see how the browser will display it without making any actual changes to you site.
As for the members name when logged in, I think the following will probably do the job:
.loginBox .loginBoxUserName, {
put font size etc in here
}Hope that helps