Tourbuzz Support Site

Everything you need to know to create virtual tours with Tourbuzz

Follow

How to Resize the Agent's Photo/Logo

You may have had a request to increase the size of the agent's Photo and/or Logo.  We created a piece of code that you can add to the Custom Design code area that will help you control the size of the agent's photo and logo. If you need help editing your design, feel free to contact us at support@tourbuzz.net.


 

Step 1: Duplicate your design

To do this, go to Designs > Duplicate > and add *Design Name* Larger Photo/Logo > Duplicate.

* This will create a duplicate version of the design so your existing tours will not be affected. 

 

Step 2: Head to the custom design box and select default. 

*Doing this will allow you to add additional code to your tour template. 

 

Step 3: Copy and past the code below into the top of the text box:

{literal}
<style type="text/css">
#agentPhoto,
#coCustomerPhoto,
#agentLogo {
border: 0;
height: 106px!important;
width: auto!important;
}
</style>
{/literal}

 

Your template should look like this. If it matches up hit save and apply that design to any tour you'd like to resize the agent photo/logo.

Screen_Shot_2015-08-25_at_2.10.03_PM.png

 

Step 4: Adjust the size

If you want to change the size change adjust the 106px to a higher number for an even larger image or a smaller number for a slightly smaller image. 

 

5) If you want to only resize the photo or logo, remove the corresponding item from the code:

 #agentPhoto, 
#coCustomerPhoto,
#agentLogo

 

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk