---
schema_version: "1"
id: af61672c4bcf8d354f8412919a0e8a7f42c906e37cd6b3fd0fdbebd9dd84e9cc
title: Replace the Embedded Login CSS with Your Own
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/external_identity_login_replace_css.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.external_identity_login_replace_css.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: fbece7797d0f4d50a7cd3b13ed84af44297b3c9e417d6aebf8cd4b303e6bfc5b
description: Embedded Login comes with a default style sheet, which styles the login button and login form. If you want to replace the default CSS with your own, you have a few options.
products:
  - Security
  - Cross Cloud
release: "264"
---
# Replace the Embedded Login CSS with Your Own

Embedded Login comes with a default style sheet, which styles the login button and login form. If you want to replace the default CSS with your own, you have a few options.

![Warning](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-identity-264-0-0-production-enus/699dab6f-8f1a-4662-b24f-6521d5b747f7/images/icon_warning.png)

Warning In Summer ’24, Salesforce made Embedded Login disabled by default. We recommend that you use the [web server flow](https://help.salesforce.com/s/articleView?id=xcloud.remoteaccess_oauth_web_server_flow.htm&type=5&language=en_US), the [user-agent flow](https://help.salesforce.com/s/articleView?id=xcloud.remoteaccess_oauth_user_agent_flow.htm&type=5&language=en_US), or another redirect-based OAuth 2.0 flow instead of Embedded Login.

Embedded Login relies on third-party cookies, which are blocked or restricted in most browsers. And Embedded Login works only on Google Chrome and only as long as third-party cookies are allowed there by default.

Use whichever method you prefer.

- Override the CSS directly in the web page.
- Edit the Embedded Login CSS. The style sheet is located in your site URL resource folder.
- Replace the style sheet with your own by updating the link on your web page with the location of your style sheet.
    
    ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-identity-264-0-0-production-enus/699dab6f-8f1a-4662-b24f-6521d5b747f7/images/icon_note.png)
    
    Note If you replace the style sheet, be sure to define all the necessary styling. Embedded Login doesn’t provide default styles when you supply your own CSS.