How to reduce the size of Login/Logout button in main menu?

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Sep 11, 2013 5:12 pm
Reply with quote
Report this post
I need to reduce the Login/Logout button in main menu to 50% of its size. Is there a way of doing this?
:?:
User avatar
Gold Boarder

GK User
Wed Sep 11, 2013 8:03 pm
Reply with quote
Report this post
Yes, but specify what would You like to change?
- font size?
- padding between text and border?
User avatar
Moderator

GK User
Mon Sep 16, 2013 11:20 am
Reply with quote
Report this post
Cyberek wrote:Yes, but specify what would You like to change?
- font size?
- padding between text and border?



Thank you. I will send you a PM as my website is not live yet.
:)
User avatar
Gold Boarder

GK User
Mon Sep 16, 2013 8:22 pm
Reply with quote
Report this post
Please answer the question first.
User avatar
Moderator

GK User
Mon Sep 16, 2013 8:40 pm
Reply with quote
Report this post
Ok, all You have gived is just info to make it smaller...

Please edit: /templates/gk_creativity/css/override.css and add at its end:
Code: Select all
#gkUserArea .button {padding: 0 5px; line-height: 20px; height: 20px;}


try this code. First declaration makes left and right padding smaller (work with 5px to change it), then height and line-height sets elements height (You should use same value).

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Tue Sep 17, 2013 6:40 am
Reply with quote
Report this post
Thank you. It woked perfectly :!:

How can I change the button font size for the Login/Logout text?
User avatar
Gold Boarder

GK User
Tue Sep 17, 2013 7:12 am
Reply with quote
Report this post
Code: Select all
#gkUserArea .button {padding: 0 5px; line-height: 20px; height: 20px; font-size: 10px;}
User avatar
Moderator

GK User
Tue Sep 17, 2013 8:21 am
Reply with quote
Report this post
It's looking better and better :D

One last thing for this button question .... now when the button is smaller it is placed higher up then the rest of the main menu items (see attached image).

How can I adjust the position so it is centered (aligned)?
User avatar
Gold Boarder

GK User
Tue Sep 17, 2013 1:11 pm
Reply with quote
Report this post
Code: Select all
#gkUserArea .button {padding: 0 5px; line-height: 20px; height: 20px; font-size: 10px; margin-top: 30px;}
User avatar
Moderator

GK User
Tue Sep 17, 2013 3:35 pm
Reply with quote
Report this post
Thank you for first class support!
:woohoo:
User avatar
Gold Boarder

GK User
Wed Sep 18, 2013 9:22 pm
Reply with quote
Report this post
No problem, thanks :)
User avatar
Moderator


cron