How to style Meteor.js loginButtons?

Question

The docs specify to use the template {{> loginButtons}} to implement the default login buttons.

What is the best way to apply my own styles to this?<

Answer 1

Creating your own templates would definitely give you more control.

You create a template by using the "template" tag:

OR You can check the "classes" or the "id" of the login buttons after they are rendered on a webpage, using "Inspect Element" on Chrome, And the use those classes as CSS selectors to style them accordingly.

For example:

HTML:

//The login button has a class of loginButton
 Login! 

CSS:

#Then you can Have a style for the login button as:
.loginButton{
     width: 100px;
     background-color: cyan;
}