Log In Button Issue

[MssmLccs9-]

Hi, The login button is showing as three dots for non logged in user, what should I do to fix it? See here https://prnt.sc/uj8b8e Thanks

[Veronica]

hi, on my local, it's working http://prntscr.com/ujl3ct it shows for 1-4 milliseconds but after it shows the login link

[MssmLccs9-]

Thank you so much, now I have another question, how can I change the colour of the login for non logged in users? See here https://prnt.sc/ujq2gx

[Veronica]

hi, means you want to change the login button color for logged in and non logged in user! please confirm

[MssmLccs9-]

I was able to change the color for logged in users using this in CSS a.vibebp-login { position: relative; color: #fff !important; } However, I can't find the code for non logged in users.

[Scott Lang]

You can use 1- for non logged in .vibebp-login{ } 2- logged in .vibebp-login .loggedin_user{ } Note: Make sure non logged in CSS will be added first then logged CSS added

[MssmLccs9-]

Hi Scott, Thank you for replying back, but your solution didn't work with me. I cleared the cache and opened incognito. See here https://prnt.sc/uo2blb And the code here https://prnt.sc/uo2c6f

[Veronica]

for non logged in user use this: a.vibebp-login { color:#fff !important; } http://prntscr.com/uoam41

[MssmLccs9-]

Hi Veronica, Thank you for helping me out, but the solution is not working. I copied the exact code you put and I pasted it to both CSS customizer and theme editor, I cleared the website cache, and I cleared browser cache, it's not working.

[Veronica]

just checked on my local and working as you can see in the screenshot CSS is working give me the permission to add this on your site

[MssmLccs9-]

This reply has been marked as private.

[Veronica]

use this

a.vibebp-login a span span {
color:#fff !important;
}

http://prntscr.com/uqnrmj working now on your site

[MssmLccs9-]

It finally worked! Thank you so much!

[Veronica]

good to know closing this one👍🏻

[Author]

Posts