Change Oracle logo to your company's logo in Peoplesoft page

Change Oracle logo to your company's logo in Peoplesoft page :-

Please perform the following:

1) Using app designer(ENG), open the stylesheet DEFAULT_THEME_TANGERINE_ALT, then search for logo and you should be able to see the following code.

/********************
* Logo
********************/
#pthdr2container #pthdr2logoswan:before {
content: url(%Image(PT_ORACLELOGO_ALT)); =========>>>> Here you can use your custom logo name
width: 130px;
}

2) Create a copy of the delivered objects. For example, PT_ORACLELOGO_ALT(create a project and insert this object to the project, save it then export it to a file)

3) Now save your new image as given in step#1 (please note delivered logo PT_ORACLELOGO_ALT dimension - 113*55 ==>> use the same size for your custom/company logo)

(or)

2) Go to PeopleTools > Portal > Branding > Branding objects. Go to Image tab and click ‘Upload Image object’. Make sure the image dimensions are same as delivered one 113*55
3) In the Modal window,
Name: PT_ORACLELOGO_ALT
Description: Oracle header logo
Image Type: JPG files
Click button "Save"

4) Open PSSTYLEDEF_Tangerine stylesheet, then double click on PSHDR2_SWAN_CSS3. Now search for logo, see the code changes performed with comment /*custom logo*/as below

apply in the target environment.

/* company logo div */
#pthdr2logoswan {
float:%AlignStart;
width: 113px;
height: 55px; /* new for hover menu */
margin:0;
/*position:relative;
top:-29px;*/
padding: 0 5px 0 0;
background:none;
}
#pthdr2logoswan:before {
content: url(%Image(PT_ORACLELOGO_CSS));
/*left: 4px;*/
left: 2px;/*custom logo*/
position: relative;
top: 2px;/*custom logo*/
/*top: 17px;*/
}

5) Stop your App and Web servers.
6) Clear the cache for App and Web servers. Restart them both.
7) Log into PIA again with clean browser cache to view your custom logo.