Forum

This content is now out of date.

Visit Our Community

Change Login Image Button

Hi All,

How can I edit the login button? where can i find the image?

Thanks,
Alex
Hi Alex,

This is not actually a single image, it's simply code used inside the login page.

E.g [code]
{
width: 80px;
background:#210606;
padding:6px;
border:0px;
border-radius: 5px; -o-border-radius: 5px; -icab-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
behavior: url(css/PIE.htc);
outline:0px;
font-size:12px;
color:white;
text-align:center;
cursor:pointer;
font-weight:bold;
position:relative;
}
.loginContainer
{
margin:5px;
FONT-FAMILY: Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
color:#666;
}
.loginBox
{
width: 160px;
background:#DDD;
padding:6px;

border:0px;
border-radius:5px;
behavior: url(css/PIE.htc);
outline:0px;
position:relative;
}
#loginBoxOutline
{
width: 92px;
padding:2px;
background:#fff;
border:0px;
border-radius:5px;
behavior: url(css/PIE.htc);
outline:0px;
position:relative;

}
[/code]

You can simply downlaod the example index page (which can also be found under Yellowfindevelopmentexamples) and make some changes.

More information on changing the login page can be found here:
Changing the login screen .

The following guide may also contain relevant information :Style Guide

Regards,
David


Hi David,

Thank you so much for the input!

Cheers,
Alex

We have now included all re-styling info in the following wiki : Restyling Yellowfin