# Rebranding Surface AR Campaign [![branding.jpg](https://help.marvinxr.com/uploads/images/gallery/2024-03/scaled-1680-/branding.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 ``` [![pagetitle.jpg](https://help.marvinxr.com/uploads/images/gallery/2024-03/scaled-1680-/pagetitle.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 ``` [![favicon.jpg](https://help.marvinxr.com/uploads/images/gallery/2024-03/scaled-1680-/favicon.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/). ``` background: #ABA8A8; ``` [![coloring.jpg](https://help.marvinxr.com/uploads/images/gallery/2024-03/scaled-1680-/coloring.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).