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

I need to reduce the Login/Logout button in main menu to 50% of its size. Is there a way of doing this?

Yes, but specify what would You like to change?
- font size?
- padding between text and border?

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.

Please answer the question first.

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.

Thank you. It woked perfectly

How can I change the button font size for the Login/Logout text?

Code: Select all

#gkUserArea .button {padding: 0 5px; line-height: 20px; height: 20px; font-size: 10px;}


It's looking better and better

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)?

Code: Select all

#gkUserArea .button {padding: 0 5px; line-height: 20px; height: 20px; font-size: 10px; margin-top: 30px;}


Thank you for first class support!

No problem, thanks