Hi again Ivan,
I studied up a bit on html & css and successfully increased size of logo space and uploaded my logo. Regarding problem of logon module; I was also able to get the "login" text and the login greeting "Hi scottshort" to move back to right side and successfully adjusted text position relative to logout "x" icon. I did this only with CSS changes to mod_cdlogin.css which I describe below.
My problem now is that even though my logon greeting text and logout "X" icon [20px x 20px] fit right above the search module perfectly, when I try to float: right; the login "lock" icon [18px x 18px] next to the "login" text, for some reason it messes up the search module position.
Can you take a look at site to see if you can figure out why this is happening and what I should do to fix this? Thanks again
Scott
ps [I have some really good screen shots showing problem, but for some reason i am unable to upload them to forum] please see pm for link to site.
CHANGES I HAVE MADE:
CSS from: mod_cdlogin.css (line 82) [LOCK ICON]
div.cd_moduletitle_logo {
background-image: url("../images/cdlogin_moduletitle.png") !important;
background-repeat: no-repeat !important;
height: 18px;
line-height: 19px;
[strike]text-align: left !important;[/strike]
}
CSS from: mod_cdlogin.css (line 199)
div.cdlogin-logout-greeting {
height: 20px;
line-height: 20px;
position: relative;
[strike]text-align: left !important;[/strike]
ADDED margin-right: 3px;
}
Removing text-align: left !important; shifts text to right but over the "X" logout icon. Adding margin-right: 22px; shifts both text and "X".... thus not completely resolving problem. Adding margin-right: 3px; helps to align logout X with language flags [moves both the X and the text.
CSS from: mod_cdlogin.css (line 203) [LOGOUT X ICON]
div.cdlogin-logout-greeting a {
background-color: transparent;
background-image: url("../images/cdlogin-logout.png");
background-repeat: no-repeat;
display: block;
float: right;
height: 20px;
[strike] position: absolute;[/strike]
right: 0;
top: 0;
width: 20px;
ADDED margin-left: 10px;
}
REMOVING position: absolute; WORKS, TRIED adding margin-right: 5px, and padding: 0px 5px 0px 0px; but neither moved text away from X... Text is OK now, but could be better with a bit of spacing here.
HERE on "X" icon need to add margin-left: 10px; to add space between text and X...SUCCESS!
Topic Author
