Customize Okta Sign in Widget with MFA dropdowns

Questions
,
1

I’ve painstakingly overridden the CSS for the Okta Sign In Widget to work well with our application on a 4K monitor and to make it look like our brand.

I still need to do the dropdowns for MFA selections but it is proving to be much more difficult. Does anyone have a concrete example of attributes to change to change the dropdown list? I understand how to customize the widget because I’ve done a lot of it already.

I had to completely exclude the Okta shipping CSS because it is too difficult to override what’s in there using CSS. Yes, I could have used afterRender, but I ended up tossing out all of the styles anyhow so this made more sense.

If anyone has some CSS that they’re willing to share for the dropdowns, it’d be much appreciated.

2

I abandonded this effort and went to a less customized approach. Using zoom: 175% in my custom .css file made the entire widget zoom in on a 4K monitor and everything scaled pretty well for the most part. I had posted a question earlier about this but came away believing I had to independently resize controls. This isn’t the case. Zoom worked fine, so all I needed to override in my .css (for the most part) was colors and fonts.