How can I change the SAP default logo with the client's logo?

[vrjadhav]

sap-logo.png

Hello,
I'm looking to replace the SAP default logo with the client's brand. Could someone kindly assist me with all of the steps?

Thank you,
Vaibhav Jadhav

[former_member786471 · Accepted solution]

Hi vrjadhav ,

To change the logo on SAP CPQ homepage you need to override the standard CSS design, to achieve that please follow below steps:

1. Inspect the SAP CPQ homepage on your browser, and check the CSS class name for the logo image.

2. Go to Setup -> General -> File Management and upload the client logo image that you want to be displayed into Additional Files folder.

3. Go to UI Design-> Branding

3. Edit Default brand and download the Responsive CSS file (default CSS file provided by SAP).

4. Edit the downloaded CSS file for the particular class as shown below (you can change the image and background properties as per your requirement) - This will override the default class .cald_logo

.cald_logo {
background: url(https://Your_CPQURL/mt/Your_CPQDomain/additionalfiles/client-logo.png) no-repeat;
background-size: auto 47px;
min-width: 100vw;
}

5. Create New branding from 'Add New' in Branding and upload the edited responsive CSS file.

6. Save the new branding.

7. In the User settings, select the new branding created by you in 'Branding' from dropdown, which is by default set to Default Brand.

Hope this solves your query !

If you find this answer useful, please mark it as answer accepted.

Thanks,

Aditi

[former_member838558]

Hi,

I found this thread because I have the same question. Unfortunately, the indicated steps do not work. Is this due to some changes in the system in recent updates? For example, in "Styles" I have only one tab and this default CSS file is empty. branding.png myresponsivestyles.png

I inspected the logo element on the start page and created such a file based on it. Can someone suggest what I'm doing wrong? example.png

[vrjadhav]

Thank you very much aditi_sharma. I was attempting to update the mystyles.css file As a result, it did not function. Thank you, and Keep helping 🙂