<![CDATA[Google Identity provider, cannot customize button type]]>Maybe I'm missing something obvious, but I can't seem to adjust any of the button properties for the Google login button.

Having followed the documentation to setup my Google client Id and secret, everything is working great, but in the Option section it gives you a link to Google's documentation where you can see the possible values to use for the Button properties.

By default, the Theme in FusionAuth is set to 'outline'. This can be seen on Identity Providers > Google > Options.

alt text

In the Google documentation the outline theme has a white background.

alt text

Yet my app is using the 'filled_blue' theme.

alt text

By the way, when trying to change any other setting in the Button properties, the button is unaffected. Not sure what is going on.

]]>https://fusionauth.io/community/forum/topic/2603/google-identity-provider-cannot-customize-button-typeRSS for NodeMon, 12 Oct 2026 10:15:14 GMTSat, 13 Jan 2024 11:30:51 GMT60<![CDATA[Reply to Google Identity provider, cannot customize button type on Tue, 23 Jan 2024 21:41:01 GMT]]>@ronn316 I was able to replicate what you are seeing. I changed the login method for the Identity provide and the theme worked. I see when you hover over the info for Button text it says that the GIS API will not be utilized in this configuration. It looks like that means the Button properties too. We may need to update the documentation here.

On a related note, I looked at the html and was able to add the following css to the theme and turn the button red. You may be able to get the look you going after by doing something similar.

#google-login-button{
  background-color:red;
}
]]>https://fusionauth.io/community/forum/post/6996https://fusionauth.io/community/forum/post/6996Tue, 23 Jan 2024 21:41:01 GMT<![CDATA[Reply to Google Identity provider, cannot customize button type on Mon, 29 Jan 2024 14:54:13 GMT]]>@ronn316 Awesome, glad you got it the way you want it and thanks for sharing the update with the community!

]]>https://fusionauth.io/community/forum/post/7004https://fusionauth.io/community/forum/post/7004Mon, 29 Jan 2024 14:54:13 GMT<![CDATA[Reply to Google Identity provider, cannot customize button type on Sat, 27 Jan 2024 09:40:11 GMT]]>@mark-robustelli Ignore my last post. I managed to do it. Full code incase someone else wants to use this:

#google-login-button{
  background-color: white;
  border: 1px solid #c5c8ca;
}

.login-button-container .login-button.google .text {
    color: black;
}
]]>https://fusionauth.io/community/forum/post/7003https://fusionauth.io/community/forum/post/7003Sat, 27 Jan 2024 09:40:11 GMT<![CDATA[Reply to Google Identity provider, cannot customize button type on Sat, 27 Jan 2024 09:36:50 GMT]]>@mark-robustelli That seems to do the trick. Since I want the background white, I need the text black but I can't seem to get it to work. I'm no expert with CSS but it seems setting the color property on the google-login-button style doesn't do it. Digging deeper into the browser html it looks like the class "text" on the div inside the button is controlling the color.

alt text

]]>https://fusionauth.io/community/forum/post/7002https://fusionauth.io/community/forum/post/7002Sat, 27 Jan 2024 09:36:50 GMT<![CDATA[Reply to Google Identity provider, cannot customize button type on Tue, 23 Jan 2024 21:41:01 GMT]]>@ronn316 I was able to replicate what you are seeing. I changed the login method for the Identity provide and the theme worked. I see when you hover over the info for Button text it says that the GIS API will not be utilized in this configuration. It looks like that means the Button properties too. We may need to update the documentation here.

On a related note, I looked at the html and was able to add the following css to the theme and turn the button red. You may be able to get the look you going after by doing something similar.

#google-login-button{
  background-color:red;
}
]]>https://fusionauth.io/community/forum/post/6996https://fusionauth.io/community/forum/post/6996Tue, 23 Jan 2024 21:41:01 GMT