[goalsarecoolParticipant]

I’m trying to put a border around the login/logout link on my primary menu here: https://goalsarecool.com/

However, the border is huge and I’m having trouble trying to make it smaller. Here is what I added

Under the menu item css, I put gacmenu-login

CSS

.gacmenu-login a {
background-color:#ffffff;
border:2px solid #3254a5;
border-radius:5px;
padding:11px 12px
}

.gacmenu-login a:hover {
background-color:#ffffff;
border:2px solid #009939;
border-radius:5px;
padding:11px 12px
}

This has since been removed. Adjusting the padding has not worked. Can you please assist?

[JoaoModerator]

Hi There,

I have tested the code above and seems fine.

Please apply the code and let us know which aspects you would like to fix.

Thanks

Joao

[goalsarecoolParticipant]

I’m trying to make the border thinner but adjusting the padding doesn’t work.

[JoaoModerator]

Hi There,

Change :

border:2px solid #3254a5;

for

border:1px solid #3254a5;

Hope that helps

Joao

[goalsarecoolParticipant]

I’m referring to the width from border to border. It’s too fat and needs to be skinnier.

[JoaoModerator]

Hi There,

Add to your code :

padding-left: 5px !important;
padding-right: 5px !important;

Hope it helps

Joao

[goalsarecoolParticipant]

That did not work.

[JoaoModerator]

Hi There,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[Author]

Posts