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 ...

    • 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 ...

    • 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 ...

    • Adding Social Media Links to the website

      Social media can help you build a strong relationship with your business partners and your trusted customers. Furthermore, if you are running corporate social profiles, then the best way to get more traffic is through social media links. Also, a ...

    • Uploading Logo and Favicon on the website

      Adding a logo is a great way to personalize and brand your website. The little icon that shows up in the address bar of the browser is known as Favicon. Before you start Recommended Dimensions for Logo : 130x130 Recommended Dimensions for Favicon : ...