1.OverviewTrometa is a highly responsive, modern, and clean design HubSpot Theme for users who want to create a great website for their digital marketing business. It allows HubSpot CMS users to construct fully configurable pages easily.
With the Trometa HubSpot theme you get:
1.1.What’s Included?Trometa HubSpot theme offers,
If you want us to add any module or curate a template for you, talk to our experts, share your requirements and we’ll get it done as soon as possible. 1.2.Edit Theme SettingsTo access the theme settings, you first need to create a page > edit page option > theme > edit theme settings  From the edit theme setting you will find the following: 
1.2.1.Color And Font SettingThere are 3 sub-settings in this menu: 1. Global Colors: This setting lets you configure Primary Color, Primary and Secondary Accent colors, Body Background color, and Heading Color through this setting. 2. Global Fonts: This setting lets you change the Heading font and Body font of the theme. 3. Typography: This setting lets you tweak the headings from H1 to H6 along with Subscript, Superscript, Links, and Blockquotes. 1.2.2.Header The header has 9 sub-settings: 1.2.3.Footer It has the following sub-settings:
1.2.4.Spacing Spacing setting allows you to alter maximum content width, and adjust horizontal and vertical section spacing. 1.2.5.Corners You can edit the value for the base border radius, overwrite for images, and overwrite for cards in pixels. 1.2.6.Buttons The button settings include the following sub-settings 1. Button: Edit button text font size, line height & transform, button spacing, button corner radius, enable hover – effect, and choose hover option between pulse and scale. 1.2.7.Forms Forms option has the following sub-settings:
1.2.8.Tables From the tables option you can access the following:
1.2.9.Layout Setting You’ll find the following settings here:
1.2.10.Blog Settings You can configure the blog post settings here. There are 2 settings in this section:
 1.2.11.System Page Settings You can use the system page settings to make changes to system pages. There are 4 settings here,
1.2.12.Scroll To Top This section will let you Enable/Disable the scroll to the top button element. Apart from it, there are 3 settings,
1.2.3.Theme ModulesTrometa HubSpot theme has the following 27 modules: 1.2.3.1.AccordionThe accordion module is used to add popular or most asked questions in the form of FAQs to your landing pages.  You can add multiple accordions in the column count, choose the icon position, enable box shadow, and add shades.  Each accordion has the option to edit the questions, answers, and the open & close icon.  From it’s style tab, you can
Front the style tab you can change the styles of the accordion, title, and content and overwrite the accordion icon color. You can change the
1.2.3.2.Banner LayoutsThe banner is the first thing that the visitors check out as soon as they land on your website. You can add and edit the Trometa theme banners according to your needs. We have created different layouts of the banner. 1.2.3.2.1.Background color 1.2.3.2.2.Background Image
1.2.3.2.3.Banner with Image
You can enable reverse order for mobile if you’re using this layout. Simply put you can enable this if you want to reverse the order of the image in mobile.
1.2.3.2.4.Banner with form You can choose any of the above layouts, and other settings include: 
From the style tab you have the following sub setting:
1.2.3.2.3.Blog ListingYou can check the blog listing module on the blog listing page. For accessing the blog listing page:
 Blog listings settings include
 From the log listing page layouts’ style tab you can
 1.2.3.2.4.Custom ButtonThe button module will assist you in placing a button on your page. There are certain types of custom buttons available in the Trometa theme: 1. Filled Dark
2. Outlined (light)  3. Arrow (dark)  4. Filled (light)  5. Arrow (light)  6. Outline (dark)  You can choose the button style you want to add, edit the button text, and add links to it.  From the style tab, you can customize button settings and hover button options like:
 1.2.3.2.5.CardYou can display cards on your website pages with information about your features, or services using cards. They are easily observed and have a long-lasting effect on memory. There are two layouts for this module: a. Card  b. Compact
The card has the following settings: 
From the style tab, you can, change alignment, overwrite icon color, enable heading color, change background color, overwrite card corners, and adjust image width.  1.2.3.2.6.CounterThe counter module allows you to add a number on your website. The numbers are great to convince users to take an action. There are two layouts for the counter module. a. Card Layout  b. Compact Layout  The counter module has the following sub-settings: 
 From the style tab, you can edit the counter, counter alignment, and counter spacing. 
1.2.3.2.7.Custom FormYou can add a custom form according to your website’s requirements. It could be for contact or inquiries, etc. There are three layouts included: a. Single Field Form (Side Button)
b. Multiple Field Form  c. Single Field Form (Button at Bottom)  It has the following sub-settings:
 From the style tab of the custom form you have the following settings:
1.2.3.2.8.Custom MenuYou can add a custom menu on your header or footer to add links to important pages. You can add a menu on your header as a global module.  From the settings of the menu, you can select the trometa menu and edit the maximum levels on the menu. The maximum levels determine the number of menu tree children that can be expanded in the menu.  From the menu style tab, you can overwrite settings and change the text color for desktop and mobile, and edit drop-down.  From the drop-down settings, you can edit the drop-down text color, background color, border style, and color along with width.  1.2.3.2.9.Footer CopyrightThe copyright module lets you add copyright text on the bottom of the page along with privacy policy, terms, and conditions page links.  You can edit the footer copyright text, privacy policy, and terms and conditions text, and edit the terms and conditions text link.  1.2.3.2.10.Footer NavThe footer nav module can be added to the footer of your website with links to important pages.  You can select the title for the footer nav, select a menu or create a new menu, and enter maximum levels.  1.2.3.2.11.Header ControlsHeader controls are also an element added to the header of your website pages.   You can enable a phone icon and edit the content of the phone icon. This will be shown when clicked on the phone icon.  You can also change the display mode of the language switcher from localized, page lang, and hybrid. You can enable search and edit the search placeholder text. Additionally, you can also enable a button on the header controls and edit the button style. From its style tab, you can change the search background color.  1.2.3.2.12.Header TogglerThe header toggler allows you to add a toggler to the header so that the user can see more options.  1.2.3.2.13.Icon BoxThe icon box allows you to add multiple icons and their descriptions on landing pages. You can also add these to the footer. There are two layouts for the icon box. a. Card Layout  b. Compact Layout  The icon box settings include:
 From the style tab, you can edit the content by overwriting text and heading color, icon box spacing for mobile and desktop devices, and enable and change the card background.  1.2.3.2.14.ImageThe image module helps you add images anywhere on the landing pages. Images also have a great impact on the users so this module is a must-have!  You can remove or replace the image, add alt text, and adjust the size and maximum size along with image loading. There are 3 image loading types, eager, lazy, and browser default. “Lazy” loading defers loading this element until it’s visible on the page. This may help improve site performance. “Eager” loading loads the element right away.  From the style tab, you can decide on image alignment for desktop and mobile. You can also overwrite the image border-radius.  1.2.3.2.15.LogoA logo depicts your brand. You can add a brand logo on your website pages by just dragging and dropping it anywhere you like.
Settings include:
1.2.3.2.16.MapThe map module will add a virtual map to your website.  You can embed the location of your head office.  Front the style tab, you can adjust the border radius corner, and edit desktop, mobile, and tab height.  1.2.3.2.17.Our PartnersDisplay your partner brands using this module. There are two layouts for our partner module: a. Listing  b. Slider  It has options to select partner layouts from listing and slider, edit the content of portfolio tabs and enable or disable description.  You can further edit each of these partner content. It has settings to replace or remove the partner logo, adjust the size and maximum size, insert partner page logo link, and edit the partner description.  If you select the slider layout, you can also edit the slider settings like editing the number of items to be shown on various devices, i.e. mobile, desktop, and tablet.  From the style tab, you can change alignment, enable or disable greyscale, and adjust vertical and horizontal inner spacing.  1.2.3.2.18.Our TeamYou must have a team of experienced and enthusiastic members. Showcase each of them on your landing page using our team module. There are 3 layouts for our team module: a. Card  b. Card Slider
c. Card Slider With Content  The our team module has 4 sub-settings:
 From the style tab, you can adjust alignment, overwrite card corners, alter content, content background color, and overwrite content background color on hover.
1.2.3.2.19.Portfolio TabsShow your work to visitors and potential customers through an interactive portfolio. You can add a portfolio tab to your website pages using this module. It has two layouts: a. Image Slider  b. Image Tabs  You have the following sub-settings: 
 You can remove or replace these portfolio images, add alt text, and adjust the size and maximum size along with image loading. 
From the style tab, you can overwrite the border radius and edit the mini title font and color.  1.2.3.2.20.Pricing CardThe pricing card is a great module for displaying your product or service price on website and landing pages. There are two pricing card layouts, basic and premium. a. Basic Layout  b. Premium Layout  There are 4 sub-settings under the pricing card option: 
From the style tab, you can select card alignment and edit pricing card colors.
From the color option of the style tab, you can alter the card background color, card border, and overwrite the badge background color.  1.2.3.2.21.SearchThe search module is to add the functionality of navigation. You can add it to your header.  You can edit the placeholder text, enable box shadow and add box shadows.  From the style tab, you can change the icon color and input the field background color.  1.2.3.2.22.Sidebar MenuYou can add the sidebar menu to your website page or blog using this module.  It has options to:
 For editing each menu you have options to edit the menu text, and add link.  From the style tab, you can adjust the spacing, overwrite the background, heading, and menu colors, and adjust the sidebar corner radius.  1.2.3.2.24.SpacerThe spacer module adds white space to the website and landing pages. With the spacer module, you can add vertical spaces between sections and modules as and when required.  From the style tab, you can adjust the desktop, tablet, and mobile height, and alter the background color.
1.2.3.2.25.TestimonialAdd testimonials to your website pages using this module. Customers trust you when they see people talking positively about you. You can choose a testimonial layout between  2. Two column slider  3. Single column slider without image  4. Card layout  Other settings include
From the style tab, you can edit the corner radius, overwrite social icon color, and adjust their sizes.  If you choose card layout you can also adjust the card spacing from here.  1.2.3.2.26.Title ContentYou can add content on website pages using the title content module.  You can add a subtitle, edit title content, and add a primary and secondary button to your title content. You can also edit the styles of primary and secondary buttons.  From its style tab, you can change the desktop & mobile alignment, enable & edit maximum width, subtitle, title, description, and button bottom spacing, and overwrite content title, subtitle, and description colors.
1.2.3.2.27.Video PopupFor adding any video to your website pages, you can utilize the video popup module.  There are 3 sub-settings for video popup: 
From the style tab of the video popup module, you can change the video popup desktop and mobile alignment, enable or disable the overlay, overwrite the icon color, and adjust the corner border radius.  1.2.3.4.Theme SectionsTrometa has the following 18 sections: 1.2.3.4.1.Connect With Us Section 1.2.3.4.2.Contact Section 1.2.3.4.3.Contact us Section 1.2.3.4.4.Counter Section 1.2.3.4.5.CTA Section
1.2.3.4.6.CTA Column Reverse Section 1.2.3.4.7.Feature Section 1.2.3.4.8.Get In Touch Section 1.2.3.4.9.Map Section 1.2.3.4.10.Pricing Section 1.2.3.4.11.Sidebar Content Section 1.2.3.4.12.Subscribe Section 1.2.3.4.13.Two Column Button Section 1.2.3.4.14.Two Column Counter Text Section 1.2.3.4.15.Two Column Image Text Section 1.2.3.4.16.Two Column Video Text Section 1.2.3.4.17.Two Video Landing Banner Section 1.2.3.4.18.Two Video Section 1.2.3.4.5.Theme TemplatesTrometa has 8 theme templates.
1.2.3.4.6.System PagesTrometa the theme offers you 7 different system pages that are as follows,
|
1.2.3.2.23.Social Follow
If you want your audience to follow you on various social and professional platforms, you can use this module.
You can add multiple social icons and edit them.
For each of the icons, you can select a social account, add the social link, and edit a title from the accessibility options.
From the style tab, you can adjust the icon size, corner radius, spacing, and alignment. You can also overwrite icon fill color, and enable and overwrite background color.