Change the HTML in Login Button (removing the arrow)

help
1

How can I change the HTML for the Login Button from the accounts-ui-unstyled package, in order to remove the down arrow unicode in front of the “Sign in” text?
I already tried grabbing the html value when the Template Renders (onRendered) but I could only change that with setTimeout, which is a bad approach since the time it takes to render changes from network to network, and even from browser to browser.

3

To remove the the arrow,
you can set CSS like

#login-sign-in-link{
  visibility: hidden;
}
#login-sign-in-link:after{
  visibility: visible;
  content: 'SIGN IN'; 
}

Now it should be “SIGN IN” instead of “Sign in ▾”

1 Like