Gallery 3 Login

OlBandit

Joined: 2014-03-08
Posts: 3
Posted: Sat, 2014-03-08 13:07

Hello Everyone,

I have been looking at the Gallery 3 code to try and determine how can I make the word Login in the top right corner of the website larger? Many of the users of my website have aging eyes and are having a difficult time finding that word, lol. Can anyone direct me in the right direction?

Thanks
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sat, 2014-03-08 16:30

Simple: add to the css of the theme you are using:

#g-login-link {
font-size: 25px;
}

more complex with some animation in the first 5 seconds:

#g-login-link {
font-size: 25px;
width:100px;
height:100px;
background:red;
animation:link-animation 5s;
-webkit-animation:link-animation 5s; /* Safari and Chrome */
}

@keyframes link-animation
{
from {background:red;}
to {background:yellow;}
}

@-webkit-keyframes link-animation /* Safari and Chrome */
{
from {background:red;}
to {background:yellow;}
}

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
OlBandit

Joined: 2014-03-08
Posts: 3
Posted: Sat, 2014-03-08 19:42

Dave,

When I look at the theme wind css I find 2 files screen and screen rtf which file would I put it in?

Thanks
 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sat, 2014-03-08 20:03

I would put it in screen.css but in the end it is up to you. You are now a theme developer.

Dave
_____________________________________________
Blog & G2 || floridave - Gallery Team
 
OlBandit

Joined: 2014-03-08
Posts: 3
Posted: Sat, 2014-03-08 20:41

Thanks Dave