--- title: How can I further customise the Classic Theme using Custom CSS? description: Learn how to use Custom CSS in the Wetu Classic Theme Customiser to apply advanced styling to your Digital Itinerary, buttons, and maps. --- [![Wetu](https://knowledge.wetu.com/hubfs/Knowledge%20Base%20Header%20Media/Primary_withouttagline.png)](https://wetu.com) [Contact Us](mailto:support@wetu.com) [Skip to content](https://knowledge.wetu.com/how-can-i-further-customise-the-classic-theme-using-custom-css#main-content) Open main navigation Close main navigation How can we help you? - There are no suggestions because the search field is empty. 1. [Knowledgebase](https://knowledge.wetu.com/?hsLang=en) 2. [Themes & Itinerary Appearance](https://knowledge.wetu.com/themes-itinerary-appearance?hsLang=en) 3. [Themes](https://knowledge.wetu.com/themes-itinerary-appearance?hsLang=en#themes) July 28, 2026 # How can I further customise the Classic Theme using Custom CSS? ## Use Custom CSS in the Classic Theme Customiser to apply advanced styling changes to your Digital Itineraries. **Quick Links** \- [What is Custom CSS?](https://knowledge.wetu.com/how-can-i-further-customise-the-classic-theme-using-custom-css#What_is_Custom_CSS) \- [Before you get started](https://knowledge.wetu.com/how-can-i-further-customise-the-classic-theme-using-custom-css#Before_you_get_started) \- [Where to find the Custom CSS section](https://knowledge.wetu.com/how-can-i-further-customise-the-classic-theme-using-custom-css#Where_to_find_the_Custom_CSS_section) \- [Custom Stylesheet](https://knowledge.wetu.com/how-can-i-further-customise-the-classic-theme-using-custom-css#Custom_Stylesheet) \- [Custom Stylesheet (Map)](https://knowledge.wetu.com/how-can-i-further-customise-the-classic-theme-using-custom-css#Custom_Stylesheet_Map) \- [Need Help?](https://knowledge.wetu.com/how-can-i-further-customise-the-classic-theme-using-custom-css#Need_Help) ### **What is Custom CSS?** **CSS (Cascading Style Sheets)** is a web styling language that allows developers to customise the look and feel of a webpage, including colours, fonts, spacing, layouts, and other visual elements. The Classic Theme Customiser includes standard settings that allow you to adjust elements such as colours, fonts, logos, and general template styling. If you need more control over the appearance of your Digital Itinerary, use **Custom CSS** to apply additional styling that is not available through the standard theme settings. Custom CSS can be used to modify elements such as: - Font colours, sizes, and weights - Buttons and hover effects - Background colours - Borders and spacing - Navigation elements - Headings and content sections - Enquiry forms - Certain map styling elements For example, CSS can adjust button shapes, font sizes, transitions, and hover colours. [back to top](https://knowledge.wetu.com/how-can-i-further-customise-the-classic-theme-using-custom-css#back_to_top) ### **Before you get started**  **Note:** Custom CSS is only available when using the Classic Theme.   **Note:** This functionality is intended for clients who have access to a web developer or someone with sufficient CSS knowledge. Wetu does not create, review, troubleshoot, or maintain custom CSS code. Any custom code added to the theme must be written and managed on your side.   **Caution:** Incorrect or unsupported CSS may affect how the itinerary displays on different devices and screen sizes. Test all changes carefully before using the theme on a live itinerary.  [back to top](https://knowledge.wetu.com/how-can-i-further-customise-the-classic-theme-using-custom-css#back_to_top) ### **Where to find the Custom CSS section** 1\. Navigate to **Trip Solutions**. 2\. Select **Themes**. ![2](https://knowledge.wetu.com/hs-fs/hubfs/Knowledge%20Base%20Content/July%202026%20-%20July%202027/further%20customise%20the%20Classic%20Theme%20using%20Custom%20CSS/2.jpg?width=670&height=482&name=2.jpg) 3\. Scroll down to locate the **Classic Theme** you want to customise. 4\. Select the **pencil edit icon** to open the Classic Theme Customiser. ![3](https://knowledge.wetu.com/hs-fs/hubfs/Knowledge%20Base%20Content/July%202026%20-%20July%202027/further%20customise%20the%20Classic%20Theme%20using%20Custom%20CSS/3.jpg?width=670&height=482&name=3.jpg) 5\. Select the **Template Styles** tab. 6\. Scroll to the bottom of the page. 7\. Locate the **Custom CSS** section. ![4](https://knowledge.wetu.com/hs-fs/hubfs/Knowledge%20Base%20Content/July%202026%20-%20July%202027/further%20customise%20the%20Classic%20Theme%20using%20Custom%20CSS/4.jpg?width=292&height=670&name=4.jpg) #### **Custom Stylesheet** Use the **Custom Stylesheet** field to add CSS that changes the appearance of the Classic Digital Itinerary.  ![5](https://knowledge.wetu.com/hs-fs/hubfs/Knowledge%20Base%20Content/July%202026%20-%20July%202027/further%20customise%20the%20Classic%20Theme%20using%20Custom%20CSS/5.jpg?width=295&height=685&name=5.jpg) #### **Custom Stylesheet (Map)** Use the **Custom Stylesheet (Map)** field to enter or paste CSS intended to modify supported elements within the map template.  ![6](https://knowledge.wetu.com/hs-fs/hubfs/Knowledge%20Base%20Content/July%202026%20-%20July%202027/further%20customise%20the%20Classic%20Theme%20using%20Custom%20CSS/6.jpg?width=292&height=670&name=6.jpg) [back to top](https://knowledge.wetu.com/how-can-i-further-customise-the-classic-theme-using-custom-css#back_to_top) ### **Need Help?** Contact the Wetu support team at [support@wetu.com](mailto:support@wetu.com)   Chat to Support Live on your Dashboard [back to top](https://knowledge.wetu.com/how-can-i-further-customise-the-classic-theme-using-custom-css#back_to_top) [![wetu-logo-white](https://knowledge.wetu.com/hs-fs/hubfs/Supplier%20Welcome%20Email/wetu-logo-white.png?width=117&height=50&name=wetu-logo-white.png "wetu-logo-white")](http://wetu.com) **Company** [About us](https://wetu.com/about-us) [Careers](https://wetu.com/careers) [Blog](https://wetu.com/blog) [Pricing](https://wetu.com/pricing-plans) [FAQ](https://wetu.com/frequently-asked-questions) [Contact us](https://wetu.com/contact-us) **Products** [Itinerary Builder](https://wetu.com/products) [Content Manager](https://wetu.com/products) [Product Manager](https://wetu.com/products) [TravelKey](https://wetu.com/products) **Solutions** [For DMCs and Operators](https://wetu.com/operators) [For Agents](https://wetu.com/agents) [For Suppliers](https://wetu.com/suppliers) © Copyright Wetu. All rights reserved. | [Terms & Conditions](https://wetu.com/terms-conditions) | [Privacy Notice](https://wetu.com/privacy-notice) | [Cookie Policy](https://wetu.com/cookie-policy)