Site Theme

October 31, 2025

Site Theme

The Site Theme panel lets you make changes that affect your entire site. You can customize your site's text, buttons, images, background, and navigation widgets from the design panel. This allows you to quickly and efficiently make sweeping visual changes, reducing design time and keeping your site's style consistent across pages.


To open the Site Theme panel, in the side panel, click Theme. When the Site Theme panel is open, the canvas is automatically minimized to 50% view so that the entire canvas is visible while adjusting the site theme settings. If you want to return to 100% canvas view, click the drop down in the top bar and select 100%. The ability to zoom in or out is also available in preview mode.


Note

  • Changes that you make to specific widgets or pages will override themes set in the Site Theme panel. We recommend you first decide on a site theme, and then make customizations to parts of your site that you want to stand out or look different than the rest.
  • Prior to March 2023, Site Theme was previously named Global Design.

Theme Text



This section lets you control text for your site, both for text and headings of all sizes (H1 to H6). Change the style and look of the text on your entire site. You can change font type, size, and also choose settings for normal text, links, and titles.


Changing the font size, style, color, and other edits will affect future paragraphs, and other text types as well as current widgets connected to Site Text that have not been manually changed.

Configure Theme Text


To configure theme text:

  • In the side panel, click Theme.
  • Click the arrow next to Text.
  • Click the desired text type. The options are:
  • DFLT. This will set the theme for all text in widgets that are not assigned to a heading or to the paragraph style such as the navigation widget. Link text color and underline can also be set here. Additionally, you have the option to customize the appearance of links for different states, including the Default Link State, Link On-hover, and Link Clicked.
  • PAR. This will set the theme for the text widget.
  • Heading and subheadings H1-H6.
  • You can change the following per text type:
  • Font
  • Font size. This is set for desktop/tablet and mobile, separately.
  • Scale text. (Editor 2.0 only) When enabled, the text scales based on the parent container's width. This can be helpful if you do not want a line break in a heading. Widgets with text that are connected to the theme will inherit this setting, however the setting can be overridden per widget.
  • Font color
  • Font format
  • Text direction
  • Font weight
  • Line height
  • Letter spacing
  • All caps
  • Text shadow


Making changes in the Theme text area changes all text in the site that is not overridden by individual, custom style changes. When manual edits are made to individual elements it overrides the site theme and any changes made to the site theme will no longer affect the style of these elements. This is at the individual style settings of a certain site element, for example, if you only changed the color of the text in a particular H1 widget on the canvas:

  • And then changed the font size of H1 in the site theme, the H1’s font size will still change in the H1 widget.
  • And then changed the color of H1 in the site theme, the H1 that had been changed will not update with the color change.

Update Theme Text



You can update theme text in the text settings by clicking Theme, then selecting Text. Or, you can click a text widget to open the context menu, click the heading selection drop down, and select Update theme. This opens the theme text settings where you can make updates.


Fonts Library


The editor features a variety of fonts for your use. Set a theme text font or choose to differentiate your text by using multiple different fonts on your site. 


To view available fonts and see what they look like:

  1. In the side panel, click Theme.
  2. Click Text.
  3. Select a font from the Font drop down menu.

Theme Colors


Colors allow you to define a color palette and link the individual colors to any or all widget with color settings. The color of any element that is linked to the theme colors will automatically be updated when the linked color is changed in the theme colors settings. This allows you to quickly make color changes, which helps reduce design time and ensures your site's style is consistent across pages.


Account owners automatically have Editor permissions and can edit, view, and use theme colors. Team members and clients who do not have Editor permissions can view and use theme colors, but they cannot edit them.

Configure Theme Colors


You can configure up to 20 theme colors.


To configure theme colors:

  1. In the side panel, click Theme.
  2. Select the arrow next to Colors.
  3. Click the Plus icon next to Primary, or whichever setting you need to define.
  4. Type the HEX or RGB value of the desired color, or use the eye dropper tool to select a color.
  5. (Optional) You can generate colors from your logo. Click to open the primary color, then open the Brand tab and click + Add Logo (if you added a logo to your Business Info in the Content Library, it will appear here). After adding your logo, a set of colors is generated.


If you need to remove or replace the logo, click the three dot icon next to your logo and select either Remove or Replace Image. Note that you need Content Library & Business Info permission to upload, remove, or replace the logo.


Repeat these steps as necessary for each theme color. Next, you need to connect the colors to widgets on your site.

Automatically Configure Theme Colors



If the site or template doesn't have colors already connected, it can be done automatically. The automatic theme colors generator scans your site and detects the most frequently used colors. It generates a list of colors to select from, and once selected, those colors become your theme colors and are connected to your site widgets.


To automatically configure theme colors:

  1. In the side panel, click Theme.
  2. Select the arrow next to Colors.
  3. Click Set Theme Colors.
  4. Click Connect it for me or I'll connect it myself.
  5. (Optional) If you selected I'll connect it myself, click the Plus icon next to each color in the design panel and select the colors individually.
  6. Select which of the generated colors you want to use.
  7. Click Save & Connect Colors.


The colors will populate in the Colors section of the Site Theme panel.

Connect Theme Colors to Widgets



To connect a widget to a theme color:

  1. Click a widget to open it’s settings menu.
  2. Open the color settings and select one of the theme colors listed at the top.
  3. Repeat as necessary for other elements.
  4. (Optional) If you need to edit one of the theme colors, click the pencil icon and the theme colors settings will open where you can edit the desired color.


Once a widget is connected to theme colors it will automatically update when the linked theme color is updated.

Rename Theme Colors



To rename theme colors:

  1. In the side panel, click Theme.
  2. Click Colors.
  3. Hover over the desired color name and click the pencil icon.
  4. Type a new name.


The new name is automatically saved and will appear when hovering over the color in the color picker.

Remove Theme Colors



You can disconnect any widgets connected to individual theme colors.


To disconnect a widget:

  1. In the side panel, click Theme.
  2. Click Colors.
  3. Click the three horizontal dot icon () next to the Colors text and select Remove theme colors.
  4. Select which colors to remove, then click Remove Selected Colors.


Site Buttons


This section lets you define the style of primary and secondary button widgets on your site. Select one of our button layouts and set the text, background color, border, hover state, corners, and shadow styles.


To hide the Back to Top button on mobile, enable the toggle in the Site Layout section.

Theme Images


This section lets you control the style of the image widgets on your site. You can change the image layout, add or edit the border style, rounded corners, or shadow effects.


Theme Rows and Columns


Note

This information is specific to the Classic Editor, and not relevant for Editor 2.0 (formerly known as the All-Flex Editor.).


This section allows you to define the theme for row and column design in terms of background color and default spacing. Edits that will be made on individual rows or columns will override the theme row and column settings.

Theme Background


This section lets you control Background style for your site. Choose between using a color or image as your background. Choose a custom background image from the photo gallery or upload your own images to add a unique site design. Changes also affect the desktop and tablet.

Customize Site Background



To customize your site background:

  1. In the side panel, click Theme.
  2. Click the arrow next to Backgrounds.
  3. Click Default Background.
  4. Click either the Color or Image tab or select a color for the site background or upload an image.
  5. (Optional) Click the Do not optimize this image toggle to prevent optimization (this setting will appear after an image has been selected).


Customize Background Per Page


To customize the background per page:

  1. In the side panel, click Theme.
  2. Click the arrow next to Backgrounds.
  3. Click Background per page.
  4. Select a page from the drop-down menu, and select image or color for the specific page.
  5. (Optional) Click the Do not optimize this image toggle to prevent optimization (this setting will appear after an image has been selected).

Width & Spacing (Editor 2.0)


Note

This information is specific to the Editor 2.0, formerly known as the All-Flex Editor.


From the Theme panel, you can adjust your site layout, which includes setting page width and default section spacing.


To access site layout settings:

  1. In the side panel, click Theme.
  2. Click Width & Spacing.
  3. Click the desired section to expand it.

Page Width



You can set the default page width for sections not set to full width (previously called “full bleed”) on desktop. Adjusting the default page width can help ensure the best readability and design for the site for how it will be displayed. For example, some websites are displayed on a tv screen or screens larger than the average desktop computer.


To set default page width:

  1. In the side panel, click Theme.
  2. Click Width & Spacing.
  3. Click to expand the Page Width section.
  4. Select either 1200 px1440 px, or Custom. If you select Custom, use the slider to select pixel width or enter a value in the field. The custom value can be between 960px to 1920px, or between 50 vw to 100 vw.
Website builder interface showing the

Section Spacing


You can set the default padding for new, blank sections added to your site. If desired, you can override the theme section spacing in the section’s design panel.


Important considerations:

  • Sections added to the header retain the default header spacing, regardless of what is set in the theme’s section spacing.
  • Note that sections created prior to this feature release (August 5, 2025) do not automatically inherit the Section Spacing padding, however they can be reconnected by opening the section's design panel and clicking Reset to theme spacing in the Section Spacing drawer.


To set section spacing:

  1. In the side panel, click Theme.
  2. Click Width & Spacing.
  3. Click to expand the Section Spacing section.
  4. Click in the respective boxes to edit the padding values. The horizontal padding values are linked. If you change one, the other will automatically update. They can be unlinked by clicking the link icon. Note that section spacing is set per breakpoint.
Screenshot of a digital interface with text editing options and preview of a webpage layout.

If necessary, click Reset padding to reset all values to zero.


If you modify an individual section's padding, it overrides the theme settings. You can reset it back to theme Section Spacing settings by opening the section's design panel and clicking Reset to theme spacing in the Section Spacing drawer.

Site Layout


Note

This information is specific to the Classic Editor, and not relevant for Editor 2.0 (formerly known as the All-Flex Editor.).


Control the site layout navigation on desktop, tablet and mobile. For the desktop version, you can choose from two widths: 960px or 1200px.


Changing your navigation's layout often affects the behavior of your header and sometimes the rest of your site. If your header suddenly looks incorrect after changing the layout, try a different layout.

Sidebar Layout for Desktop


Note

This information is specific to the Classic Editor, and not relevant for Editor 2.0 (formerly known as the All-Flex Editor.).


You can change your desktop site layout to a sidebar layout. Sidebar layout displays the header on the side of the site (either left or right) and is a great design tool to give a unique look to your site. The sidebar header also acts as a sticky header so it will always be displayed on the screen and you can also add widgets into the sidebar like any other row.


Note

  • When you switch from a traditional site layout to a sidebar layout, the header keeps the logo, and all the widgets you had will be removed (similar to switching the header layout on the top header layout). The background color will be changed according to the layout you selected.
  • The shrinking header is not available for the sidebar navigation. The sidebar is always displayed on the site regardless of the site scrolling.
  • On screens smaller than 1090 pixels width, the content of the sidebar except the first image will be hidden and an expand menu icon will display. You can customize the color of the trigger button that appears in the design editor.


To change your site layout to a sidebar layout:

  1. In the side panel, click Theme.
  2. Click the arrow next to Site Layout.
  3. Select the sidebar layout, You can add rows, drag and drop widgets into the sidebar header and customize it.


To edit the design of the sidebar header, hover over the sidebar, and click Sidebar at the top right corner. You can choose one of the multiple sidebar header layouts to apply to your site, display it on the left or the right side of the screen, define its width, and more.

February 20, 2026
VIDEO TRAINING - The Travelgenix RSS link builder lets you display live product feeds to your audience on website pages and within marketing emails.
February 20, 2026
VIDEO TRAINING - This video will help you to create offer boxes for your website
February 19, 2026
This 30-day plan is designed to fit into a busy schedule. We aren't rebuilding the internet here; we are just making sure your travel business is seen and heard in all the right places. Think of this as a "Couch to 5K" for your website. By the end of the month, you’ll have a site that Google recognises and customers trust. Your 30-Day "Get Seen" Calendar Week 1: Setting the Foundations (The "Check-In") Focus: Telling the search engines you are open for business. Day 1: Set up Google Search Console. Submit your sitemap so Google can start "reading" your pages. Day 2: Set up Google Analytics 4. Check that it’s tracking your own visits so you know it's working. Day 3: Claim your Google Business Profile. Fill in every detail—don’t skip the phone number or the bio! Day 4: Upload 5 high-quality travel photos to your Google Business Profile. These are your "shop window" images. Day 5: Review: Look at Search Console. Has Google found any errors? If not, great—you’re officially on the map. Week 2: Solving Problems (The "Scratch the Itch") Focus: Finding out what travellers want and giving it to them. Day 8: Go to AnswerThePublic. Search for your top destination (e.g., "Skiing in France"). Pick the 3 most common questions people ask. Day 9: Write a short, helpful 300-word "Quick Guide" on your site answering one of those questions. Day 10: Use Canva to create a stunning graphic for that guide. Post it on your social media with a link back to your site. Day 11: Answer the second question from your list as a new blog post or "Expert Tip" page. Day 12: Review your Google Business Profile. Has anyone left a review? If so, reply with a friendly "Thank you!" Week 3: Building Buzz (The "Digital Recommendations") Focus: Getting the word out and looking like the expert you are. Day 15: Use Canva to create a "Top 5 Tips" checklist for a specific holiday type you sell. Day 16: Share that checklist on LinkedIn or Facebook. Ask people to tag a friend who needs a holiday. Day 17: Reach out to a local partner (maybe a luggage shop or a local cafe) and ask if they’d share your "Top 5 Tips" link on their page. Day 18: Write your third "Answer" post from your Week 2 research. Day 19: Check Google Analytics. Which of your three posts got the most clicks? This is your "winner"—write more like this! Week 4: Refining & Repeating (The "Consistency Loop") Focus: Checking the data and planning for next month. Day 22: Go back to Google Search Console. See if any new "search terms" have appeared. Are people finding you for things you didn't expect? Day 23: Update your Google Business Profile with a "Weekly Update" post about a current travel trend or a new solution you offer. Day 24: Use Canva to refresh your website’s main banner or "Hero" image. Keep it seasonal! Day 25: Look at Google Analytics. Identify the page where people "drop off" (leave the site). Read through it—is it too technical? Make it simpler and more engaging. Day 26: Plan your next 3 "Answer" topics for next month using AnswerThePublic. The "Golden Rule" for Success Don't try to do this all in one day. 20 minutes a day is far better for your business than a 10-hour sprint once a month. Google loves consistency; it shows them you are a reliable, active solution provider.
February 18, 2026
Building a successful travel website isn’t a "set and forget" project—it’s more like tending a garden. If you water it regularly, it blooms; if you leave it, the weeds take over. Here is your step-by-step guide to using those five essential tools to keep your business growing. 1. Google Search Console: Your Direct Line to Google Purpose: To make sure Google can see your pages and tell you if anything is broken. Step-by-Step: Verify Your Site: Go to Search Console and add your website URL. You’ll need to prove you own it by adding a small bit of code to your site (most website builders have a simple box for this). Submit a Sitemap: This is essentially a "map" of your site that helps Google find every page. Most sites create one automatically at yourwebsite.com/sitemap.xml. Paste that link into the "Sitemaps" section. Check for "Crawl Errors": Once a month, look at the "Indexing" report. If Google says a page can’t be found, it’s like having a broken link in your shop window. Fix it! The Result: You'll see which search terms people are using to find you. Timeline: It takes 1–4 weeks for Google to start showing your data. Ongoing Effort: Check this once a month. As you add new tours or blog posts, check here to ensure Google has "seen" them. 2. Google Analytics 4 (GA4): Your Business X-Ray Purpose: To see where your visitors come from and what they do before they book. Step-by-Step: Set Up a Property: Sign up at Google Analytics. Follow the prompts to create a "Data Stream" for your website. Install the Tag: Copy the "Measurement ID" (it starts with G-) and paste it into your website builder's analytics settings. Watch the "Acquisition" Report: Go to Reports > Acquisition > Traffic acquisition. This tells you if people are coming from Google, Facebook, or clicking links in your emails. The Result: You’ll stop guessing what works. If your Instagram posts aren't bringing visitors, you’ll know. Timeline: Data starts appearing within 24 hours. Ongoing Effort: Review this weekly. Look for which pages people stay on the longest—that’s the content they find most helpful! 3. Google Business Profile: Your Local Megaphone Purpose: To show up on Google Maps and in local search results. Step-by-Step: Claim Your Business: Go to Google Business and search for your company name. If it’s not there, create it. Fill Every Box: Add your phone number, website, and opening hours. Crucial: Add high-quality photos of your tours or your happy team. Verify: Google will usually send a postcard or ask for a quick video to prove you’re real. The Result: You’ll appear when someone nearby searches for "Travel Agent" or "Tour Operator." Timeline: You can show up within days of verification. Ongoing Effort: Post an "Update" (like a mini-blog post) once a week and reply to every single review. Active profiles rank higher! 4. Canva: Your Visual Hook Purpose: To create professional-looking images that stop people from scrolling past your brand. Step-by-Step: Pick a Template: Search Canva for "Travel Instagram" or "Travel Brochure." Customise with Your Photos : Drag and drop your own holiday photos into the template. Use your brand colours so people recognise you. Download and Share: Use the "Share" button to download high-res versions for your site or social media. The Result: Your business looks like a global powerhouse, even if you’re a team of one. Timeline: Instant. You’ll have a professional design in 10 minutes. Ongoing Effort: Use this daily or weekly. Visuals go out of date fast; keep your "shop window" fresh with new, seasonal imagery. 5. AnswerThePublic: Your Content Crystal Ball Purpose: To find out exactly what questions travellers are asking so you can provide the answers. Step-by-Step: Search Your Niche: Go to AnswerThePublic and type in a destination or service, like "Luxury Maldives" or "Walking tours London." Download the Data: It will show you a "wheel" of questions people ask (e.g., "Is the Maldives expensive in May?"). Write the Solution : Pick one of those questions and write a short, helpful article on your website answering it. The Result: You become the "expert" that Google loves to recommend. Timeline: Writing an article takes a few hours; seeing it rank on Google takes 3–6 months. Ongoing Effort: Do this once a month. Search trends change with the seasons (winter sun vs. summer city breaks), so always check what people are curious about now. The Reality Check Digital growth is a marathon, not a sprint. You won't see a flood of bookings overnight, but by using these tools consistently, you are building an "asset" that works for you 24/7.
February 16, 2026
So, you’ve launched your new travel site. It looks fantastic, the imagery is dream-worthy, and you’re ready to send people on the trip of a lifetime. The only problem? It’s a bit quiet. If your website feels like a luxury resort with no guests, don't worry. It’s a common itch for new sites, and we’re going to scratch it. Here is how we get you off the back streets and onto the high street of the internet. Why Is Nobody Seeing My Beautiful Site? (The Itch) The biggest frustration for any travel business is knowing you have the perfect solution for a holidaymaker, but they simply aren't finding you. You're competing with the giants, and Google can sometimes feel like a VIP club where you’re not on the list. The secret isn't "better tech"—it's being helpful. People don't search for "websites," they search for "where is the best place for a quiet half-term break?" or "how do I plan a trek in Peru?" When you start answering those questions, the traffic starts flowing. The Visibility Roadmap: Your 3-Step Plan 1. Talk to the Search Engines Think of Google as a giant filing cabinet. If you haven't told them you exist, they can't file you under "Amazing Travel Expert." You need to "check in" so they know your doors are open. 2. Answer the Questions Travellers Are Asking Instead of just listing prices, tell stories. Write about the "top 5 hidden beaches" or "how to pack for a safari." When you provide the answers, Google rewards you by putting you in front of the people asking. 3. Get Digital Recommendations In the travel world, word of mouth is everything. The digital version is getting other reputable websites to mention yours. It’s like a "thumbs up" that tells search engines you’re a trusted expert. The Traffic Toolkit: How to Drive Visitors Google's Front Page (Organic Search): This is the long game. By regularly adding fresh, helpful advice to your site, you’ll naturally climb the rankings. The "Scroll-Stoppers" (Social Media): Don't just post "Book Now." Post a video of a sunset or a tip on how to skip the queues at the Louvre. Give them a reason to click through to your site. The Local Map: If you have an office or a specific region you cover, appearing on the map is a "quick win" for building trust. Your Travel Tech Stack: Simple Tools for Big Results You don't need to be a coder to use these. They are your eyes and ears on the web.
January 12, 2026
VIDEO TRAINING - This tool helps Travelify choose a better default flight for flight plus accommodation holidays.
November 28, 2025
VIDEO TRAINING - This Guide will walk you through the process of creating a new Role in Travelify.
November 27, 2025
VIDEO TRAINING - This Guide walks you through the process of creating a New User in Travelify
November 26, 2025
VIDEO TRAINING - Learn how to efficiently add a Promotion Code in Travelify
November 25, 2025
VIDEO TRAINING - Learn how to efficiently complete the process of adding a Voucher Code in Travelify
Show More