# Rebranding Surface AR Campaign [![Rebranding Surface AR Campaign -IMG1.jpg](https://help.marvinxr.com/uploads/images/gallery/2025-03/rebranding-surface-ar-campaign-img1.jpg)](https://help.marvinxr.com/uploads/images/gallery/2024-03/branding.jpg) ##### Everything You Need To Know About WebAR Rebranding ✌️ ##### Change Page Title Open your Surface AR campaign and go to Web Editor and click on the Edit button. Find the **<title>** tag in the beginning of the page. Update your page name between the tags and Save. ```html Your Page Name ```
[![Rebranding Surface AR Campaign -IMG2.jpg](https://help.marvinxr.com/uploads/images/gallery/2025-03/rebranding-surface-ar-campaign-img2.jpg)](https://help.marvinxr.com/uploads/images/gallery/2024-03/pagetitle.jpg) ##### Change Page Favicon (URL icon) Find the comment ***Change Favicon*** and update the following **<link>** tag. Paste the address of the new favicon (must be a PNG file) link address to the **href** value and Save. ```html ```
[![Rebranding Surface AR Campaign -IMG3.jpg](https://help.marvinxr.com/uploads/images/gallery/2025-03/rebranding-surface-ar-campaign-img3.jpg)](https://help.marvinxr.com/uploads/images/gallery/2024-03/favicon.jpg) ##### Change Background Color Find the comment in the CSS, the following comment - /\*Change color of the background page \*/ Change the default hex color code for background and Save. Find color hex codes from [**here**](https://htmlcolorcodes.com/).
```html background: #ABA8A8; ```
[![Rebranding Surface AR Campaign -IMG4.jpg](https://help.marvinxr.com/uploads/images/gallery/2025-03/rebranding-surface-ar-campaign-img4.jpg)](https://help.marvinxr.com/uploads/images/gallery/2024-03/coloring.jpg) ##### Change QR Window Size If you want to change the default QR popup window default sizing, please change value next to the following comments: /\* QR Window CSS \*/ To change popup window width - change the values next to /\*Change QR window width\*/ To change popup window height- change the values next to /\*Change QR window height\*/ ```css #qrWindow{ position: absolute; margin:auto; background: rgb(255,255,255); width: 100vmin;  /*Change QR window width*/ max-width: 330px; height: 100vmin; /*Change QR window height*/ max-height: 400px; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 10000; border: solid 1px gray; border-radius: 3%; } ```
##### Change Logo in QR Code This is quite easy. Simply follow this existing tutorial to [**change logo in QR code**](https://help.marvinxr.com/books/marvin-xr-help-manual/page/create-custom-qr).