You need to update the color of the links. In the .sclogin-modal-links a block, add color:#bbe6ff;login / register links are not visible when inactive
.sclogin-modal-links a:hover{
color:#FFFFFF;
text-decoration:none;
}
In order to get the button to be inline with the username, you can add a style to the username, which will float the button next to it.when user is loged in, the logout button need to be in line with user name.
.sclogin .sclogin-greeting{
float: left;
}
To change it to a logout icon, that is just adding more styles to the button. For example:It could be better to replace with some logout icon or just text "logout"
#scLogoutButton input[type="submit"]{
background-image: url("http://www.nakotnesskola.lv/images/avatar/groups/thumb_3947e8be1a7569874dcb9e80.png");
height: 45px;
width: 45px;
display: block;
}
Code:
#scLogoutButton input[type="submit"]{
background-image: url("http://www.nakotnesskola.lv/images/avatar/groups/thumb_3947e8be1a7569874dcb9e80.png");
height: 45px;
width: 45px;
display: block;
}
Join our newsletter to get alerts for Joomla releases, tips and tricks and extension updates.