How to manage themes on website?

How to manage themes on website?

Themes help you manage the overall look, feel and style of your website. This includes the Color scheme, Tour and Collection Cards, Website fonts, Header and Footer styles and many more. The theme basically represents your brand. 

This article will help you manage and create some awesome layouts for your website.

Accessing Website Themes

  1. Login to app.vacationlabs.com/signin
  2. Click on Website
  3. Click on Website Theme

Different theme options

Managing Colors on your website

Colours play an important role in your website theme and its brand recognition and highlight important website elements and influences how people feel about a website. Vacation Labs website builder allows you to have 2 sets of colour i.e Brand Colour and Secondary Colour.
  • Brand Colour: Used in the website header & footer, section headings, buttons, links and icons across your website. Section colours will override the Brand Colour if specified.
  • Secondary Colour: Used for section headings as well as for the links in the navigation menu. We recommend choosing a dark colour to enhance readability.
Please follow the below steps to manage the website colour,
  • Click on Website 
  • Click on Website Theme
  • Under Brand Colour and Secondary Colour select the colour you prefer.
  • Click on Save

Tip: We will recommend you to have the brand color which goes with your logo color. You can also remove the Secondary colour if not required.

Managing Fonts for the website

Website’s font choice has a huge impact on how the readers perceive a brand right from their first visit to the website. It can affect user experience, interests, navigation speed and many other aspects.
Vacation Labs website builder allows you to have 2 types of fonts i.e  Heading Font and the  Body Font for the website.
Please follow the below steps to manage the website colour,
  • Click on Website 
  • Click on Website Theme
  • Under Fonts select the Heading Font and the Body Font for the website.
  • Click on Save.
Tip: Please try to use simple font styles, as custom font styles increase your website load time. The website is always loaded by default in Lato in the web browser and then the custom font is applied.

Managing Button style for the website

Vacation Labs website builder allows you to total 6 types of button styles i.e  Fill Box, Curved, Rounded and Hollow Box, Curved, Rounded.
Please follow the below steps to manage the website colour,
  1. Click on Website
  2. Click on Website theme
  3. Select your preferred button style from the Button Styles
  4. Click on Save

Managing Section Heading style for the website 

Vacation Labs website builder allows you to total 4 types of button styles i.e Default, Embellishment Star, Side Lines, Left Aligned.
Please follow the below steps to manage the website colour,
  1. Click on Website
  2. Click on Website theme
  3. Select your preferred style from the Section Heading Styles

  4. Click on Save
Preview:
  1. Default

  2. Embellishment Star

  3. Side Lines

  4. Left Aligned

Managing the Tour card style for the website

Tour card are used to display a summary of your Tour details on any page of your website in form on Cards. The tour card primarily includes Tour Name, Photo, Overview, Duration, Price, Availability, etc depending on the layout you select. You can make them look interesting from unique 5 styles available.
Vacation Labs website builder allows you total 5 types of Tour Card styles i.e Default, Default + Description, Modular, Concise, Detailed.
Please follow the below steps to manage the website colour,
  1. Click on Website
  2. Click on Website theme
  3. Select your preferred button style from the Tour card Styles

  4. Click on Save

Managing Collection card style for the website

Vacation Labs website builder allows you to total 4 types of Collection Card styles i.e Default, Circular, Semi Overlay, No-overlay.
Please follow the below steps to manage the website colour,
  1. Click on Website
  2. Click on Website theme
  3. Select your preferred style from the Collection card Styles

  4. Click on Save

Managing Header style for the website

Vacation Labs website builder allows you to total 4 types of Header styles i.e Default, Center Aligned, Reversed, Transparent.
Please follow the below steps to manage the website colour,
  1. Click on Website
  2. Click on Website theme
  3. Select your preferred Header style.
  4. Click on Save
Preview:
  1. Default


  2. Transparent


  3. Center Aligned


  4. Reversed Default



Managing Coupon Strip style for the website

Vacation Labs website builder allows you 2 types of Coupon Strip styles i.e With Image and Without Image
Please follow the below steps to manage the website colour,
  1. Click on Website
  2. Click on Website theme
  3. Select your preferred Coupon Strip style.

  4. Click on Save

Managing Team Members style for the website

Vacation Labs website builder allows you 2 types of Team Member styles i.e Default and Accordion.
Please follow the below steps to manage the website colour,
  1. Click on Website
  2. Click on Website theme
  3. Select your preferred style.

  4. Click on Save

Managing Footer Background and Text colour for the website

Footer Background section allows you to have a unique background colour and text colour.
Please follow the below steps to manage the website colour,
  1. Click on Website
  2. Click on Website theme
  3. Select your preferred colour.

  4. Click on Save
Along with your website header, the website footer is equally important for any website. It allows you to show a brief summary of all your website content in short. Most of the customer prefer website footer as the first place on your website to get your contact details, social media links, etc.
Vacation Labs website builder allows you 2 types of Footer styles i.e Multi-Column and Concise
Please follow the below steps to manage the website colour,
  1. Click on Website
  2. Click on Website theme
  3. Select your preferred style from the Footer style.

  4. Click on Save

What's Next?

Planning to add Social Media icons on your website? We wold recommend you to read our support article on Adding Social Media Links to the website

    • Related Articles

    • Translating your Website in Multiple Languages (Multilingual Website)

      Vacation Labs allows you to have a multilingual website so that Website Language is never a limiting point to your visitors. Most of the customers prefer to view their website in their own language. You can have two types of translation on your ...

    • Connecting Google Search Console to your Vacation Labs Website

      Once your website is live we would recommend you to connect the Google search console. This article will help you connect Google Search Console to your website. Overview Why set up Google Search Console for your website? Before you start How to set ...

    • Setting up your website to be served via a CDN (Content Distibution Network)

      Overview Advantages of Website being served via CDN Important caveats of using a CDN How to configure CDN BunnyCDN CloudFlare CDN Advantages of CDN Server being configured Improved Loading Speed: CDNs distribute your website's content across multiple ...

    • Creating a Wordpress blog on Hostinger and linking it with your Vacation Labs website

      Overview Before you begin - don't skip this section Sign up for a Hostinger plan Adding a website on Hostinger Deleting the WordPress installation to create a new installation in the /blog directory Installation of WordPress in the /blog directory ...

    • Deleting a website section

      Sometimes you may want to remove an unwanted section (eg Tour card section which contains irrelevant tours) from your website. Please follow the below steps to delete the section, Login into Vacation Labs Click on Website Click on Pages Select the ...