Tourbuzz Support Site

Everything you need to know to create virtual tours with Tourbuzz


How to Change the Heading 1 Font Size in New Designs

People have asked about changing the font size of the header.  We created a piece of code that you can add to the custom design code area that will help you control font size in International, Simplicity 2, Sleek and Cut Out.

If you need help customizing your design, please contact us at

To change the size of heading 1:

Step 1: Create a New Design.

You can do this by duplicating one of your existing designs. 

Step 2: Name the Design

You can name your new design anything you'd like, name it something specific, so that you can easily find it when applying this new design to your tour. 

Step 3: Go to the bottom in the Custom Design Area.

This is the box you will enter your custom HTML into. 

Step 4: In the drop down box select Default.

Code should appear in the Box, you'll be adding additional code to this box in step 5. 

Step 5: Paste this piece of Code into the top and then click Save

<style type="text/css">
#header h1 {
font-size: 1.3em;
text-transform: none;

Step 6: If you want to change the size change 1.3. 1.2 is a smaller font. 1.4 larger

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


  • 0
    Dave Davis

    Does this just change the size or does it make it lower and upper case as well?

  • 0
    Jason Ardell

    @Dave This snippet changes both the size, and makes it upper and lowercase.  Many of the skins default to uppercase-only text, and some people have requested to be able to change it to normal capitalization.  The "text-transform: none;" line is what causes it to use normal capitalization.  You can delete the line to use the design's default capitalization (uppercase), or even change it to "text-transform: lowercase;" to make the text all lowercase!

  • 0
    Rom Chaudemanche

    Very helpfull, thank you-

Please sign in to leave a comment.
Powered by Zendesk