Topic-icon need help to change css

Active Subscriptions:

None
9 years 6 months ago - 9 years 6 months ago #48366 by ainsvi
Hello,
I'm using Joomlart Purity iii template for my social network site www.nakotnesskola.lv and want to use JFBConnect login module on top menu like it is on www.t3-framework.org site.
I did ewerything to get the JFBConnect login in the right place, and also copied the default.css like it is suggested here www.sourcecoast.com/sclogin/documentation/themes

Need help to fix:
1) login / register links are not visible when inactive
2) when user is loged in, the logout button need to be in line with user name. It could be better to replace with some logout icon or just text "logout"
File Attachment:
Last edit: 9 years 6 months ago by ainsvi.
The topic has been locked.
Support Specialist
9 years 6 months ago #48369 by mel
Replied by mel on topic need help to change css

login / register links are not visible when inactive

You need to update the color of the links. In the .sclogin-modal-links a block, add color:#bbe6ff;

You can also add the following block to make the links more consistent with your left menu:
.sclogin-modal-links a:hover{
color:#FFFFFF;
text-decoration:none;
}

when user is loged in, the logout button need to be in line with user name.

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.
.sclogin .sclogin-greeting{
float: left;
}

It could be better to replace with some logout icon or just text "logout"

To change it to a logout icon, that is just adding more styles to the button. For example:
#scLogoutButton input[type="submit"]{
background-image: url("http://www.nakotnesskola.lv/images/avatar/groups/thumb_3947e8be1a7569874dcb9e80.png");
height: 45px;
width: 45px;
display: block;
}

I hope this helps get you started.

Thanks
-Melissa
The topic has been locked.
Active Subscriptions:

None
9 years 6 months ago #48371 by ainsvi
Replied by ainsvi on topic need help to change css
Thanks Melissa for quick reply. I'll try.
The topic has been locked.
Active Subscriptions:

None
9 years 6 months ago #48376 by ainsvi
Replied by ainsvi on topic need help to change css
Hi,
fixed to this step:
"To change it to a logout icon, that is just adding more styles to the button. For example:
Code:
#scLogoutButton input[type="submit"]{ 
background-image: url("http://www.nakotnesskola.lv/images/avatar/groups/thumb_3947e8be1a7569874dcb9e80.png"); 
height: 45px; 
width: 45px; 
display: block; 
}
"
Where this should be added?
The topic has been locked.
Support Specialist
9 years 6 months ago #48377 by mel
Replied by mel on topic need help to change css
You mentioned in your first post that you copied the default.css file to create a template override. All the changes that I mentioned above should go in the new file that you are using. Also, make sure to set the 'Theme' option in the SCLogin module to use the new theme you've created.
The topic has been locked.