Customizing the Office Live Logo

Removing the Logo

Replace the Logo

To replace the logo just add your custom HTML code where indicated in the code below and paste it into a HTML module anywhere on your page.

<script language="javascript">
parent.document.getElementById('ctl00_IWS_WH_Elem_BottomAd').innerHTML = 'replace with your code';

</script>

Aligning the OL Logo

To change the alignment of the logo, you will need to have advanced design features activated.  In the Site Designer click Style Sheet, make sure Apply Custom CSS is checked, then paste the following code into the CSS module.  You can modify if you want the Logo to be aligned Left or Center.

.MS_MasterBottomAD
{
text-align: center;
}

 Open the Logo in a New Window

To open the logo in a new window, instead of navigating your vistor away from your site, paste the following code into a HTML module, anywhere in the body of your page.

<script type="text/javascript">
var links = parent.document.getElementById('ctl00_IWS_WH_Elem_BottomAd').getElementsByTagName('a');
for (var l = 0; l < links.length; l++){
links[l].target= '_blank';
}

</script>