<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Strong And Responsive HubSpot Themes | MakeWebBetter</title>
	<atom:link href="https://docs.makewebbetter.com/hubspot-themes/feed/" rel="self" type="application/rss+xml" />
	<link>https://docs.makewebbetter.com/hubspot-themes/</link>
	<description></description>
	<lastBuildDate>Wed, 09 Oct 2024 09:05:03 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.2.9</generator>

<image>
	<url>https://docs.makewebbetter.com/wp-content/uploads/2020/04/cropped-mwb-512-32x32.png</url>
	<title>Strong And Responsive HubSpot Themes | MakeWebBetter</title>
	<link>https://docs.makewebbetter.com/hubspot-themes/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>FAQ Pro Module for HubSpot</title>
		<link>https://docs.makewebbetter.com/hubspot-faq-pro-module/</link>
					<comments>https://docs.makewebbetter.com/hubspot-faq-pro-module/#respond</comments>
		
		<dc:creator><![CDATA[Himani Rawat]]></dc:creator>
		<pubDate>Fri, 15 Sep 2023 07:06:30 +0000</pubDate>
				<category><![CDATA[HubSpot Themes]]></category>
		<category><![CDATA[Best Email template]]></category>
		<category><![CDATA[best hubspot template]]></category>
		<category><![CDATA[best hubspot theme]]></category>
		<category><![CDATA[donation module]]></category>
		<category><![CDATA[email templates]]></category>
		<category><![CDATA[HubSpot Template]]></category>
		<category><![CDATA[hubspot themes]]></category>
		<guid isPermaLink="false">https://docs.makewebbetter.com/?p=26701</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/hubspot-faq-pro-module/">FAQ Pro Module for HubSpot</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<link rel='stylesheet' href='https://docs.makewebbetter.com/wp-content/plugins/documentor/skins/mint/style.css' type='text/css' media='all' /><div id="documentor-356" class="documentor-mint documentor-wrap" data-docid = "356" ><div class="documentor-topicons doc-noprint"><span class="doc-topiconswrap"></span><div class="cleardiv"></div><div class="clrright"></div></div><div class="document-wrapper"><div class="doc-menu doc-noprint"><div class="doc-menurelated"><ol class="doc-list-front"><li class="doc-actli"><a class="documentor-menu" href="#overview-311"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#overview-311" data-sec-counter="1" data-section-id="4934">Overview</a><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#features-and-benefits"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#features-and-benefits" data-sec-counter="2" data-section-id="4935">Features and Benefits</a><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#module-layouts"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#module-layouts" data-sec-counter="3" data-section-id="4936">Module Layouts</a><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#module-content-and-styles"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#module-content-and-styles" data-sec-counter="4" data-section-id="4937">Module Content and Styles</a><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-hubspot-modules-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-hubspot-modules-4" data-sec-counter="5" data-section-id="4938"> Custom Hubspot Modules</a><div class="doc-menu-border"></div></li></ol></div></div><div class="doc-sec-container" id="documentor_seccontainer"><div class="doc-sectionwrap" id="overview-311_wrap"><div class="documentor-section  section-4934" id="overview-311" data-section-id="4934"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.</span>Overview <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#overview-311')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><span style="font-weight: 400;">The FAQ Pro module elevates the way you incorporate FAQs on your website, providing a feature-rich solution with customizable design elements for a seamless and user-friendly experience.</span></div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="features-and-benefits_wrap"><div class="documentor-section  section-4935" id="features-and-benefits" data-section-id="4935"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.</span>Features and Benefits <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#features-and-benefits')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">FAQ Pro module offers valuable features for your web pages, specially curated to boost traffic and enhance adaptability.</span></p>
<p><span style="font-weight: 400;">These features include:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Allow users to find answers quickly by using keywords on our </span><b>Search </b><span style="font-weight: 400;">bar.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Categorize</b><span style="font-weight: 400;"> FAQs into user-friendly sections for better clarity.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Simplify </span><b>user experience</b><span style="font-weight: 400;">, find answers effortlessly.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>SEO-ready</b><span style="font-weight: 400;"> for high search rankings.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Creative layouts</b><span style="font-weight: 400;"> for unique designs.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Perfectly </span><b>responsive </b><span style="font-weight: 400;">on all devices.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Full </span><b>customization </b><span style="font-weight: 400;">to match your brand.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Control </span><b>content order</b><span style="font-weight: 400;"> with ease.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Stylish </span><b>two-column</b><span style="font-weight: 400;"> content organization.</span></li>
</ul>
<p><span style="font-weight: 400;">Use special markups for Google featured snippets and improved website visibility through </span><b>FAQ Schema</b><span style="font-weight: 400;">. Here’s more about FAQ Schema and </span><span style="color: #0000ff;"><strong><a style="color: #0000ff;" href="https://developers.google.com/search/docs/appearance/structured-data/faqpage">how to add structured data</a>. </strong></span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="module-layouts_wrap"><div class="documentor-section  section-4936" id="module-layouts" data-section-id="4936"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.</span>Module Layouts <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#module-layouts')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The FAQ Pro module offers three different layouts for you to set up your FAQs suitable to your website. The layouts are:</span></p>
<h3><strong>3.1) Vertical Tabs Layout</strong></h3>
<p><span style="font-weight: 400;">Take a look at how the vertical layout stacks your elements gracefully from top to bottom, creating an elegant and space-efficient design.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/09/FAQ-Pro-Vertical-1.png"><img decoding="async" class="aligncenter wp-image-26713 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/09/FAQ-Pro-Vertical-1.png" alt="faq pro vertical " width="1674" height="1054" /></a></div>
<h3><strong>3.2) Horizontal Tabs Layout</strong></h3>
<p><span style="font-weight: 400;">Here is a visual representation of the horizontal layout, illustrating how content can be arranged side by side for an engaging and dynamic web page design.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/09/Screenshot-2023-09-21-170252.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26715 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/09/Screenshot-2023-09-21-170252.png" alt="horizontal layout" width="1342" height="852" /></a></div>
<p>&nbsp;</p>
<h3><strong>3.3) Basic Layout</strong></h3>
<p><span style="font-weight: 400;">Here is a representation of the basic layout, providing a clean and balanced structure for your content.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/09/Screenshot-2023-09-21-170911-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26718 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/09/Screenshot-2023-09-21-170911-2.png" alt="basic layout " width="1337" height="847" /></a>
</div>
<p><span style="font-weight: 400;">The basic layout is suitable for businesses choosing to display a small amount of questions that do not need specific categorizations.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="module-content-and-styles_wrap"><div class="documentor-section  section-4937" id="module-content-and-styles" data-section-id="4937"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.</span>Module Content and Styles <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#module-content-and-styles')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><strong>4.1) Content</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/09/image_2023_09_19T05_26_16_492Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26705 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/09/image_2023_09_19T05_26_16_492Z.png" alt="columns" width="377" height="468" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Under </span><b>“Content”</b><span style="font-weight: 400;">, you can select how your FAQ content is displayed.<br />
</span></li>
<li aria-level="1"><b>“Layouts” </b><span style="font-weight: 400;">as we have already discussed, lets you choose among the three layouts provided.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Alter and update the section head under the dropdown </span><b>“Head”</b><span style="font-weight: 400;">, select the display image, ALT text, and size of the image.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The</span><b> “Search”</b><span style="font-weight: 400;"> dropdown lets you modify the search bar on your module. You can change the placeholder text on the search bar, as it appears on the section. </span>
<ul>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">You can also select whether you want the typing animation to display on the page.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Also add the image and text for no results.</span></li>
</ul>
</li>
<li aria-level="1"><b>“Accordion” </b><span style="font-weight: 400;">is where you can customize the navigation icon, tabs and content, and toggle icon.</span></li>
<li><span style="font-weight: 400;">The </span><b>”Custom Id”</b><span style="font-weight: 400;"> lets you add a unique custom id to the FAQ section. </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">If you are already using the</span><b> jQuery</b><span style="font-weight: 400;"> library on your website, you can disable it from this location to improve the performance of the website.</span></li>
</ul>
<p><span style="font-weight: 400;">In both of the </span><b>Vertical Tabs</b><span style="font-weight: 400;"> and </span><b>Horizontal Tabs</b><span style="font-weight: 400;"> layouts, you will get an option to manage tabs on your module.</span><span style="font-weight: 400;"> These tabs help organize the FAQs into certain categories so the user can browse through them easily.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/09/image_2023_09_20T06_39_42_737Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26719 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/09/image_2023_09_20T06_39_42_737Z.png" alt="New Icon" width="290" height="394" /></a>
</div>
<p><span style="font-weight: 400;">Here, you can select whether to enable the navigation icon, type of icon, number of navigation tabs to be used, the navigation and toggle icon appearance, and edit each tab individually.</span></p>
<p><span style="font-weight: 400;">You also get a checkbox saying </span><b>“First Item Open By Default”</b><span style="font-weight: 400;">. This allows you to keep the first question dropdown open. </span></p>
<p><span style="font-weight: 400;">In the</span><b> Basic Tabs</b><span style="font-weight: 400;"> layout, you get an extra option to choose whether you want to display your FAQs in a </span><b>One Column</b><span style="font-weight: 400;"> layout or a </span><b>Two Column </b><span style="font-weight: 400;">layout.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/09/column-count.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26697 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/09/column-count.png" alt="column count" width="297" height="244" /></a></div>
<p><strong>4.2) Style</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/09/image_2023_09_19T05_31_37_256Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26706 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/09/image_2023_09_19T05_31_37_256Z.png" alt="style" width="336" height="490" /></a></div>
<ul>
<li aria-level="1"><b>Container:</b><span style="font-weight: 400;"> Adjust the container width in this section. </span></li>
<li style="font-weight: 400;" aria-level="1"><b>Head</b>
<ul>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Background: Adjust the background color to your requirements.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Spacing: Set the content spacing according to both desktop and mobile view.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Alignment: Align your content according to the view you want on your preferred device.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Max Width: Alter the width of your content head.</span></li>
</ul>
</li>
<li style="font-weight: 400;" aria-level="1"><b>Search</b>
<ul>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Input Field: Here, you can change the search input fields’ text color and background color. You can change the border color and width, hover color, and corner radius.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Icon: Here, you can change the icon color and background color of the icon.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Highlight text: Select the highlighted text color displaying on the search bar under this section.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Width: Set the width of your search bar.</span></li>
</ul>
</li>
<li><b>Tabs</b>
<ul>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Text: Adjust the color of the text on navigation tabs.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Background: Set the background color of the tabs.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Border: Set the style, color and width of the border.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Hover: Opt out hover border and background colors.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Active: Change the color of the currently selected tab.<br />
</span></li>
<li aria-level="2"><span style="font-weight: 400;">Box Shadow: Enable/disable and select the color of box shadow.</span></li>
</ul>
</li>
<li><b>Accordian</b>
<ul>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Background: To change the background color of the accordion, you can input the hex code and it will be reflected on the screen.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Border: This option allows you to edit the accordion border style. You can change the border style, color, and width. Additionally, you can tick the checkbox to apply these same settings to the bottom only.</span></li>
<li aria-level="2"> <span style="font-weight: 400;">Corner: Just simply drag the slider to manage the border radius.</span></li>
<li aria-level="2"><span style="font-weight: 400;">Spacing: This section deals with the spacing of the accordions. Each FAQ shall be at an equal distance from each other. </span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Box shadow: Enable or disable the box shadow with the help of the toggle button.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Hover: While hovering over the accordion box, you can change its color as well as the background color.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Border: Set the style, color and width of the border.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Max width: To enable the maximum width for the accordion, use the toggle button and set the width to whatever you please.</span><b></b></li>
</ul>
</li>
<li><b>Question</b>
<ul>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Overwrite Typography: Select if you want to overwrite typography, and if so then you can select the font and line height of the same.</span><b></b></li>
</ul>
</li>
<li><b>Answer</b>
<ul>
<li><span style="font-weight: 400;">Overwrite Typography: Choose if you want to enable or disable typography, and customize the font and line height for it.</span><b></b></li>
</ul>
</li>
<li><b>Toggle Icon</b>
<ul>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Here, you can customize the toggle icon color just by inserting the hex code.</span></li>
</ul>
</li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-hubspot-modules-4_wrap"><div class="documentor-section  section-4938" id="custom-hubspot-modules-4" data-section-id="4938"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.</span> Custom Hubspot Modules <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-hubspot-modules-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">We sincerely hope our FAQ module brings value and enhances user and marketer experiences. At MakeWebBetter, we&#8217;re here to assist with your HubSpot journey.</span></p>
<p><span style="font-weight: 400;">If you ever require a custom HubSpot module or personalized HubSpot CMS/CRM setup, please feel free to </span><span style="color: #0000ff;"><strong><a style="color: #0000ff;" href="https://makewebbetter.com/hubspot-themes/">reach out.</a></strong></span><span style="font-weight: 400;"> Your satisfaction is our utmost priority.</span></p>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--></div><!--.doc-sec-container--><div id="sugestedit_popup356" class="sugestedit_popup">
				<a class="modal_close"></a>
				<form name="documentor-suggestform" method="post" class="documentor-suggestform">
					<div class="doc-frmdiv" style="font-weight: bold;">Suggest Edit
					</div>
					<div class="doc-frmdiv">
						<input type="text" name="sec_title" class="sedit-sectitle txtinput" value="" />
					</div><div class="doc-frmdiv">
							<input type="text" name="name" class="txtinput" placeholder="Name" required />
						</div><div class="doc-frmdiv">
							<input type="email" class="emailinput" placeholder="Email" name="email" required /> 
						</div><div class="doc-frmdiv">
							<textarea name="content" class="textareainput" placeholder="Post your suggestion..." required></textarea>
						</div><div class="doc-frmdiv"><label> Captcha :&nbsp; </label><span class="doc-sedit-captcha"></span></div><input type="hidden" class="sedit-secid" name="secid" value="" />
					<input type="hidden" class="sedit-postid" name="sedit_postid" value="" />
					<input type="hidden" class="sedit-docid" name="docid" value="356" />
					<button class="docsubmit-suggestform"> Submit </button>
				</form>
			</div><script type="text/javascript">
			jQuery(document).ready(function(){
				jQuery("#documentor-356").documentor({
					documentid	: 356,
					docid		: "documentor-356",
					animation	: "",
					indexformat	: "1",
					pformat		: "decimal",
					cformat		: "decimal",					
					secstyle	: "clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;",
					actnavbg_default: "1",
					actnavbg_color	: "#000000",
					enable_ajax	: "0",
					scrolling	: "1",
					fixmenu		: "1",
					skin		: "mint",
					scrollBarSize	: "3",
					scrollBarColor	: "#326693",
					scrollBarOpacity: "0.4",
					windowprint	: "0",
					menuTop: "20",
					socialshare	: 0,
					sharecount	: 1,
					fbshare		: 1,
					twittershare	: 1,
					gplusshare	: 1,
					pinshare	: 1,
					togglechild	: 0,
					noResultsStr: "No results found!",
				});	
			});</script></div><!--/.document-wrapper--></div><div class="cleardiv"> </div><div id="documentor-356-end"></div>
<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/hubspot-faq-pro-module/">FAQ Pro Module for HubSpot</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://docs.makewebbetter.com/hubspot-faq-pro-module/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Donate Now Module for HubSpot</title>
		<link>https://docs.makewebbetter.com/hubspot-donation-module/</link>
					<comments>https://docs.makewebbetter.com/hubspot-donation-module/#respond</comments>
		
		<dc:creator><![CDATA[sanjeev maurya]]></dc:creator>
		<pubDate>Tue, 09 May 2023 10:36:28 +0000</pubDate>
				<category><![CDATA[HubSpot Themes]]></category>
		<category><![CDATA[best hubspot theme]]></category>
		<category><![CDATA[donation]]></category>
		<category><![CDATA[donation module]]></category>
		<category><![CDATA[free hubspot theme]]></category>
		<category><![CDATA[Hubspot theme]]></category>
		<category><![CDATA[non profit]]></category>
		<category><![CDATA[theme for hubspot]]></category>
		<category><![CDATA[themes]]></category>
		<guid isPermaLink="false">https://docs.makewebbetter.com/?p=26161</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/hubspot-donation-module/">Donate Now Module for HubSpot</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></description>
										<content:encoded><![CDATA[</p>
<p><div id="documentor-355" class="documentor-mint documentor-wrap" data-docid = "355" ><div class="documentor-topicons doc-noprint"><span class="doc-topiconswrap"></span><div class="cleardiv"></div><div class="clrright"></div></div><div class="document-wrapper"><div class="doc-menu doc-noprint"><div class="doc-menurelated"><ol class="doc-list-front"><li class="doc-actli"><a class="documentor-menu" href="#overview-308"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#overview-308" data-sec-counter="1" data-section-id="4863">Overview</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#whats-included-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#whats-included-6" data-sec-counter="2" data-section-id="4864">Features Included</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#module-settings"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#module-settings" data-sec-counter="3" data-section-id="4865"> Module Benefits</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#layouts"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#layouts" data-sec-counter="4" data-section-id="4866">Module Set up</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#module-settings-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#module-settings-4" data-sec-counter="5" data-section-id="4925">Module Settings</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#content-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#content-8" data-sec-counter="5.1" data-section-id="4926">Content </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#styles-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#styles-5" data-sec-counter="5.2" data-section-id="4927">Styles</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#publishing-page-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#publishing-page-2" data-sec-counter="6" data-section-id="4928">Publishing Page</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-hubspot-modules-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-hubspot-modules-3" data-sec-counter="7" data-section-id="4929">Custom HubSpot Modules</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></div></div><div class="doc-sec-container" id="documentor_seccontainer"><div class="doc-sectionwrap" id="overview-308_wrap"><div class="documentor-section  section-4863" id="overview-308" data-section-id="4863"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.</span>Overview <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#overview-308')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Creating a donation page for nonprofits has never been easier, yet thorough.</span></p>
<p><span style="font-weight: 400;">Donate Now &#8211; A donation page module that comes in handy with donation page styling and epic customization. Master appearance and donation page styles that help bring clarity in seconds, these are conveniently available with the drag-and-drop facility in this module.</span></p>
<p><span style="font-weight: 400;">The module certainly gives you an upper-hand in creating the master page for your non-profit.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="whats-included-6_wrap"><div class="documentor-section  section-4864" id="whats-included-6" data-section-id="4864"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.</span>Features Included <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#whats-included-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The Donate Now module contains all the elements that help you style a donation page that’s attractive enough for noble people’s attention and make your efforts worthwhile. </span></p>
<p><span style="font-weight: 400;">The Donate Now module allows you to:</span></p>
<ul>
<li style="font-weight: 400;" ><span style="font-weight: 400;">Use 2 Layouts – Hunger Relief &amp; Nature’s Defender.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Avail of multiple payment gateways.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Embed payment form using FormPay.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Customizable Amount Cards.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Personalizable designs and branding options for the Donation Card.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="module-settings_wrap"><div class="documentor-section  section-4865" id="module-settings" data-section-id="4865"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.</span> Module Benefits <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#module-settings')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The Donate Now module benefits you in the following ways:</span></p>
<ul>
<li style="font-weight: 400;" ><span style="font-weight: 400;">Deliver an emotional appeal to your website visitors.</span></li>
<li style="font-weight: 400;" ><span style="font-weight: 400;">Collect leads with the donation forms.</span></li>
<li style="font-weight: 400;" ><span style="font-weight: 400;">Gain customer trust and loyalty.</span></li>
<li style="font-weight: 400;" ><span style="font-weight: 400;">Make your nonprofit page standout and influence people in taking actions.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">And most importantly, fight the cause in style!</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="layouts_wrap"><div class="documentor-section  section-4866" id="layouts" data-section-id="4866"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.</span>Module Set up <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#layouts')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Setting up the Donate Now Module is easy and straightforward. All you have to do is perform a simple drag and drop.</span></p>
<p><span style="font-weight: 400;">Now let’s go through the setup steps:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">First, log in to your HubSpot account and navigate to the “Marketing” tab.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/untitled-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26487 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/untitled-1.png" alt="Donation module set up" width="946" height="145" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Click on &#8220;Website&#8221; in the dropdown menu and select &#8220;Website Pages&#8221; from the extended menu.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/Screenshot-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26488 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/Screenshot-2-1.png" alt="donation set up" width="473" height="574" /></a></div>
<ul>
<li>Select the template and create your web page as usual. Under the module selection menu, search for &#8220;Donate Now&#8221; and select the module.</li>
</ul>
<div class="mwb-docs-product-images">
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-26495 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/image_2023_07_14T04_31_53_437Z-1.png" alt="module set up " width="1907" height="765" /></p>
</div>
<ul>
<li>Now simply pick the Donate Now module, drag, and drop it wherever you want on your page. You&#8217;ll see a new module appear on the page.</li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/image_2023_07_14T04_32_26_076Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26496 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/image_2023_07_14T04_32_26_076Z.png" alt="Module set up " width="1895" height="749" /></a></div>
<ul>
<li><span style="font-weight: 400;">Once you drag and drop the Donate Now module to your page, you will get to choose among the two module layouts.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="module-settings-4_wrap"><div class="documentor-section  section-4925" id="module-settings-4" data-section-id="4925"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.</span>Module Settings <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#module-settings-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Now let’s move on to the module settings and functionalities as per their layouts.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="content-8_wrap"><div class="documentor-section  section-4926" id="content-8" data-section-id="4926"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.1.</span>Content  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#content-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><h3><strong>Hunger Relief Layout</strong></h3>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/07/image_2023_07_14T04_40_00_434Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26497 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/07/image_2023_07_14T04_40_00_434Z.png" alt="Hunger relief content " width="295" height="695" /></a></div>
<p><span style="font-weight: 400;">Let’s look at the content setting when you choose Hunger Relief as your layout suited to your purpose.</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Starting with “Payment Method” which involves two options:</span></li>
<li style="font-weight: 400;" aria-level="2"><b>FormPay: </b><span style="font-weight: 400;">You can insert the embed code of a form that you obtain from the FormPay App after creating it within the application, check the FormPay details </span><span style="color: #3366ff;"><strong><a style="color: #3366ff;" href="https://makewebbetter.com/formpay-hubspot-integration/">here</a></strong></span><span style="font-weight: 400;">.</span></li>
<li style="font-weight: 400;" aria-level="2"><b>Direct Link:</b><span style="font-weight: 400;"> Here you can insert the link to the payment checkout page.</span></li>
</ul>
<p><b><i>Note: </i></b><i><span style="font-weight: 400;">If you require assistance with customizing the direct link method, you can reach out to us for support.</span></i></p>
<ul>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">You can also add the FormPay embed code to add the payment form on the website.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">In the “Heading” menu, you can create/edit the title or appeal you want to construct through the donation page. </span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Next is the “Icon Box” menu, where you can add icons and text of your choice to the module.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">In the “Category” section, you have to choose how to regulate your donation form.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Under the “Currency” section, you can select whatever currency you want to receive donations in.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">The “Amount Card Icon/Image” helps you set the suitable icon for your amount card.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Next are the “First Category” and “Second Category” sections, which you can update according to the categories you chose prior in the process.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">Next comes the “FormPay” section that will help you customize the Title of the FormPay payment of the payment form that appears when the user clicks on the Donate CTA button.</span></li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">The ”Custom Id” lets you add unique custom ids to your donation section.</span></li>
</ul>
<h3><strong>Nature’s Defender Layout</strong></h3>
<p><span style="font-weight: 400;">Here is the content setting when you choose Nature’s Defender as your suitable layout.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/07/Edit-Page-Donation.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26493 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/07/Edit-Page-Donation.png" alt="Nature defender content " width="298" height="677" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The “Payment Method” in this layout is similar to the one in the Hunger Relief layout.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The “Heading” menu is also similar to the Hunger Relief layout. But here, you can also add a description.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The “Currency” menu also remains the same.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">You can add an image and the suitable alt text in the “Image” menu.</span></li>
<li aria-level="1"><b>Content</b></li>
</ul>
<ul>
<li aria-level="2"><b>Mini title: </b><span style="font-weight: 400;">Add a mini title to your donation box.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Link: </b><span style="font-weight: 400;">You can add links, and adjust the test, link type, and URL of your choice.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Title: </b><span style="font-weight: 400;">Add an influential title to your donation section.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Subtitle: </b><span style="font-weight: 400;">Write positive notes about your mission in the subtitles.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Progress bar: </b><span style="font-weight: 400;">Under the progress bar, you can custom edit the Achieved Target, Final Target, and Goal Achieved Label.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Amount: </b><span style="font-weight: 400;">Furthermore, you can customize the amount cards (suggested amounts) as above. They will be displayed as donation amount suggestions to the donor.</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Add an “Error message” to your donation page.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">You can also add a “Button” with suitable text and icon.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The “Social Icon” lets you connect your socials and show you reach with social proof and build credibility. </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">This is exactly the same as discussed in the Hunger Relief Layout. You can customize the payment form by FormPay.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The ”Custom Id” lets you add unique custom ids just like in the Hunger Relief Layout.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="styles-5_wrap"><div class="documentor-section  section-4927" id="styles-5" data-section-id="4927"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.2.</span>Styles <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#styles-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><h3><strong>Hunger Relief Layout</strong></h3>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/07/image_2023_07_14T04_40_48_774Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26499 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/07/image_2023_07_14T04_40_48_774Z.png" alt="hunger relief styles " width="315" height="549" /></a></div>
<ul>
<li><span style="font-weight: 400;">Starting with “Container”, where you can adjust the appearance of your donation box.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Background: </b><span style="font-weight: 400;">You can add/replace/remove the background image from here. Customize the alignment of the image.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Spacing: </b><span style="font-weight: 400;">Here in the Spacing tab, you will find a few more customization options to decide on the appearance of all the elements of this page module.</span></li>
<li><b>Max width: </b><span style="font-weight: 400;">To enable the maximum width, use the buttons and set the width to whatever you please.</span></li>
</ul>
<ul>
<li><span style="font-weight: 400;">Next comes “Title”, where you can change the desktop and mobile typography and text shadow on your title bar.</span></li>
<li><b>Icon Box</b></li>
</ul>
<ul>
<li aria-level="2"><b>Text: </b><span style="font-weight: 400;">Adjust the text typography on your preferred device view.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Background: </b><span style="font-weight: 400;">Choose the background color of your icon box as you prefer.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Corner: </b><span style="font-weight: 400;">Adjust the radius of your icon box.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Icon: </b><span style="font-weight: 400;">The Icon you chose, also has customizable settings i.e. background color of the icon image, its radius, &amp; color.</span></li>
</ul>
<ul>
<li><strong>Donation Card</strong></li>
</ul>
<ul>
<li aria-level="2"><b>Background: </b>Change the background color of your donation card to your likings.</li>
</ul>
<ul>
<li aria-level="2"><b>Corner: </b><span style="font-weight: 400;">Adjust the radius of your donation card as you want.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Spacing: </b><span style="font-weight: 400;">Adjust the margins and padding of your card as suitable.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Inactive tab: </b><span style="font-weight: 400;">Alter the text style and background color for your inactive tabs.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Active tab: </b><span style="font-weight: 400;">In addition to the functionalities of Inactive tab, Active tab also lets you adjust the border of your card.</span></li>
<li aria-level="2"><b>Description: </b><span style="font-weight: 400;">Set the description typography for mobile and desktop view.</span></li>
</ul>
<ul>
<li><b>Amount Card</b></li>
</ul>
<ul>
<li aria-level="2"><b>Inactive: </b><span style="font-weight: 400;">Easily adjust the background color, border style, corners, label font and line height, icon and icon background color, amount font, and input color on your amount card.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Active: </b><span style="font-weight: 400;">Active card also lets you change the background color, borders, label, icon and its background color, amount font, and the input text and color. The only thing it excludes is the corner adjustments.</span></li>
</ul>
<ul>
<li><b>Button</b></li>
</ul>
<ul>
<li aria-level="2"><span style="font-weight: 400;">Under “Button”, we can alter the text, background color, border color and style, corners, and margins.</span></li>
<li><span style="font-weight: 400;">In the “Hover” extension, we can adjust the text color, background color, and border color of the same.</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Adjust the text color of “Help text” to enhance your donation tab.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">You can also enhance the text color of “Error message”.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Next, the container &amp; body text of the payment form of “FormPay” is customizable with color concentration.</span></li>
</ul>
<h3><strong>Nature’s Defender Layout</strong></h3>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/07/Edit-Page-Donation-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26505 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/07/Edit-Page-Donation-1.png" alt="Defender style " width="310" height="490" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The “Container” menu works just like in the Hunger Relief layout.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The “Title” is also similar to the Hunger Relief layout.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The “Sub Title” allows you to adjust the typography in desktop and mobile view.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Under “Image”, you can adjust the radius of the image used.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The “Content” menu is identical to how it is in the ”Content” section of this layout itself. Just simply customize it as you go.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Just like the “Content” menu, the “Button” works the same as it does in the “Content” section of this layout. The aesthetics are in your hands!</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Decide the outlook of your social icons in the “Social Icons” menu.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Adjust how your FormPay section looks, its container, title, icon and icon background color, and how the input fields look in the “FormPay” menu.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="publishing-page-2_wrap"><div class="documentor-section  section-4928" id="publishing-page-2" data-section-id="4928"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">6.</span>Publishing Page <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#publishing-page-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Finally, just save and publish the changes to your webpage by clicking on the &#8220;Publish&#8221; button in the top right corner of the page editor.</span></p>
<div class="mwb-docs-product-images">
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-26481 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/jj.png" alt="Publishing Page" width="661" height="335" /></p>
</div>
<div>That’s it! Your HubSpot map module should now be live on your webpage, displaying the location(s) you’ve set up.</div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-hubspot-modules-3_wrap"><div class="documentor-section  section-4929" id="custom-hubspot-modules-3" data-section-id="4929"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">7.</span>Custom HubSpot Modules <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-hubspot-modules-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">We hope you’ll love working with our Donate Now module and create a seamless experience for both your users and marketers on your team. Here at MakeWebBetter, we strive to make your experience with HubSpot a better one! </span></p>
<p><span style="font-weight: 400;">Just in case you have a custom HubSpot module requirement or need a customized HubSpot CMS or CRM setup, </span><strong><span style="color: #0000ff;"><a style="color: #0000ff;" href="https://makewebbetter.com/hubspot-themes/">hit us up</a>.</span></strong></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--></div><!--.doc-sec-container--><div id="sugestedit_popup355" class="sugestedit_popup">
				<a class="modal_close"></a>
				<form name="documentor-suggestform" method="post" class="documentor-suggestform">
					<div class="doc-frmdiv" style="font-weight: bold;">Suggest Edit
					</div>
					<div class="doc-frmdiv">
						<input type="text" name="sec_title" class="sedit-sectitle txtinput" value="" />
					</div><div class="doc-frmdiv">
							<input type="text" name="name" class="txtinput" placeholder="Name" required />
						</div><div class="doc-frmdiv">
							<input type="email" class="emailinput" placeholder="Email" name="email" required /> 
						</div><div class="doc-frmdiv">
							<textarea name="content" class="textareainput" placeholder="Post your suggestion..." required></textarea>
						</div><div class="doc-frmdiv"><label> Captcha :&nbsp; </label><span class="doc-sedit-captcha"></span></div><input type="hidden" class="sedit-secid" name="secid" value="" />
					<input type="hidden" class="sedit-postid" name="sedit_postid" value="" />
					<input type="hidden" class="sedit-docid" name="docid" value="355" />
					<button class="docsubmit-suggestform"> Submit </button>
				</form>
			</div><script type="text/javascript">
			jQuery(document).ready(function(){
				jQuery("#documentor-355").documentor({
					documentid	: 355,
					docid		: "documentor-355",
					animation	: "",
					indexformat	: "1",
					pformat		: "decimal",
					cformat		: "decimal",					
					secstyle	: "clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;",
					actnavbg_default: "1",
					actnavbg_color	: "#000000",
					enable_ajax	: "0",
					scrolling	: "1",
					fixmenu		: "1",
					skin		: "mint",
					scrollBarSize	: "3",
					scrollBarColor	: "#326693",
					scrollBarOpacity: "0.4",
					windowprint	: "0",
					menuTop: "20",
					socialshare	: 0,
					sharecount	: 1,
					fbshare		: 1,
					twittershare	: 1,
					gplusshare	: 1,
					pinshare	: 1,
					togglechild	: 0,
					noResultsStr: "No results found!",
				});	
			});</script></div><!--/.document-wrapper--></div><div class="cleardiv"> </div><div id="documentor-355-end"></div></p></p>
<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/hubspot-donation-module/">Donate Now Module for HubSpot</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://docs.makewebbetter.com/hubspot-donation-module/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Location Finder Module for HubSpot</title>
		<link>https://docs.makewebbetter.com/hubspot-map-module/</link>
					<comments>https://docs.makewebbetter.com/hubspot-map-module/#respond</comments>
		
		<dc:creator><![CDATA[sanjeev maurya]]></dc:creator>
		<pubDate>Tue, 09 May 2023 10:33:51 +0000</pubDate>
				<category><![CDATA[HubSpot Themes]]></category>
		<guid isPermaLink="false">https://docs.makewebbetter.com/?p=26156</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/hubspot-map-module/">Location Finder Module for HubSpot</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></description>
										<content:encoded><![CDATA[</p>
<p><div id="documentor-354" class="documentor-mint documentor-wrap" data-docid = "354" ><div class="documentor-topicons doc-noprint"><span class="doc-topiconswrap"></span><div class="cleardiv"></div><div class="clrright"></div></div><div class="document-wrapper"><div class="doc-menu doc-noprint"><div class="doc-menurelated"><ol class="doc-list-front"><li class="doc-actli"><a class="documentor-menu" href="#overview-309"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#overview-309" data-sec-counter="1" data-section-id="4899">Overview</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#features-included"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#features-included" data-sec-counter="2" data-section-id="4900">Features Included</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#map-module-benefits"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#map-module-benefits" data-sec-counter="3" data-section-id="4901"> Module Benefits</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#module-set-up"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#module-set-up" data-sec-counter="4" data-section-id="4902">Module Set Up</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#module-settings-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#module-settings-3" data-sec-counter="5" data-section-id="4924">Module Settings</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#content-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#content-9" data-sec-counter="5.1" data-section-id="4930">Content</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#styles-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#styles-6" data-sec-counter="5.2" data-section-id="4931">Styles</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#publishing-page"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#publishing-page" data-sec-counter="6" data-section-id="4920">Publishing Page</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-hubspot-modules-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-hubspot-modules-2" data-sec-counter="7" data-section-id="4921">Custom Hubspot Modules</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></div></div><div class="doc-sec-container" id="documentor_seccontainer"><div class="doc-sectionwrap" id="overview-309_wrap"><div class="documentor-section  section-4899" id="overview-309" data-section-id="4899"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.</span>Overview <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#overview-309')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The Location Finder Module is a tool that allows website owners to easily embed interactive maps on their websites. It offers a range of features that can enhance the user experience for website visitors, such as custom map styles, customizable info windows, and the ability to add markers and pins to specific locations.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="features-included_wrap"><div class="documentor-section  section-4900" id="features-included" data-section-id="4900"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.</span>Features Included <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#features-included')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The Location Finder module in HubSpot includes a range of features that can help you create engaging and interactive maps for your website. </span></p>
<p><span style="font-weight: 400;">These features include:</span></p>
<ul>
<li><span style="font-weight: 400;">Customizable map styles, including color schemes, markers.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Ability to add markers, pins, or annotations to specific locations on the map.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Customizable info windows to display additional information about a specific location on the map.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Multiple layout support: choose between basic and advanced map layout.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Ability to pin multiple locations on map (requires api key)</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Multiple Map Theme options for advanced layout (requires api key): You can Choose between Default, Silver, Night mode and Retro. </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Mobile-responsive design and clean UI for easy navigation on any device.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Zoom and pan functionality for enhanced user experience.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="map-module-benefits_wrap"><div class="documentor-section  section-4901" id="map-module-benefits" data-section-id="4901"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.</span> Module Benefits <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#map-module-benefits')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Using the Location Finder Module can offer a range of benefits for your website, such as:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Improved user experience for website visitors.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Increased conversions for businesses with physical locations.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Better search engine optimization for websites with embedded maps.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Customizable design options allow for consistent branding.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Mobile-responsive design ensures compatibility with all devices.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="module-set-up_wrap"><div class="documentor-section  section-4902" id="module-set-up" data-section-id="4902"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.</span>Module Set Up <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#module-set-up')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Setting up the Location Finder Module is easy and straightforward. All you have to do is perform a simple drag and drop.  </span></p>
<p><span style="font-weight: 400;">Now let’s go through the setup steps:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><span style="font-weight: 400;"><span style="font-weight: 400;">First, log in to your HubSpot account and navigate to the &#8220;Marketing&#8221; tab.</span></span></span>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/untitled.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26212 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/untitled.png" alt="marketing tab" width="946" height="145" /></a></div>
</li>
<li aria-level="1"><span style="font-weight: 400;">Click on &#8220;Website&#8221; in the dropdown menu and select &#8220;Website Pages&#8221; from the extended menu.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/Screenshot-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26464 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/Screenshot-2.png" alt="Setup Module" width="473" height="574" /></a></div>
<ul>
<li><span style="font-weight: 400;">Select the template and create your web page as usual. Under the module selection menu, search for &#8220;Location Finder&#8221; and select the module.</span></li>
</ul>
<div class="mwb-docs-product-images">
<p><img decoding="async" loading="lazy" class="aligncenter wp-image-26472 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/420.png" alt="location" width="1898" height="746" /></p>
</div>
<ul>
<li><span style="font-weight: 400;">Now simply pick the Location Finder module, drag, and drop it wherever you want on your page. You&#8217;ll see a new module appear on the page.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/42.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26471 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/42.png" alt="Location Finder" width="1900" height="751" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Once you drag and drop the Location Finder module to your page, you will get to choose among the two module layouts.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/image_2023_07_13T07_42_06_161Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26468 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/image_2023_07_13T07_42_06_161Z.png" alt="Module set up " width="320" height="443" /></a></div>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="module-settings-3_wrap"><div class="documentor-section  section-4924" id="module-settings-3" data-section-id="4924"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.</span>Module Settings <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#module-settings-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>Now let’s move on to the module setting.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="content-9_wrap"><div class="documentor-section  section-4930" id="content-9" data-section-id="4930"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.1.</span>Content <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#content-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><strong>Basic Layout</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/07/image_2023_07_13T07_07_30_600Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26460 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/07/image_2023_07_13T07_07_30_600Z.png" alt="content map module " width="350" height="617" /></a></div>
<ul>
<li>In the “Basic” layout settings, you will see this dropdown menu.</li>
<li><span style="font-weight: 400;">In the “Content” menu, you can customize the map&#8217;s appearance, add title and descriptions, and set the location that you want to display on the map.</span></li>
<li><span style="font-weight: 400;">The iFrame code can be used to embed the responsive Google Maps on your website. You can generate this code on Google Maps easily.</span></li>
<li><span style="font-weight: 400;">To set the location of the map, click on the &#8220;Location Card&#8221; tab and proceed to clicking on “Content”, enter the address, city, state, or zip code of the location you want to display on the map.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Under the “Content” button, there is also a details button where you can add further details or redirect links to your outset, right on the map!</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Below the “Content” section on the location card, we also have a “Card Position” dropdown where you can choose the position where your location card appears on the map.</span></li>
</ul>
<p><strong>Advanced Layout</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/07/download-11.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26461 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/07/download-11.png" alt="content advanced" width="354" height="500" /></a></div>
<ul>
<li><span style="font-weight: 400;">In the advanced layout module settings, you will see these dropdown menus, with each of them working to customize your map addition.</span></li>
<li><strong><span style="font-weight: 400;">The “Content” and “Layout” dropdowns function similarly in both the layouts, so let&#8217;s jump straight to the “Location”, “Map” and “Pointer”</span></strong></li>
<li>Starting with the “Location” menu. Here, you are required to provide the latitude and longitude coordinates of your location in order for the marker to show up on the map. You can also add a “Button” to the map and the location&#8217;s image on the Info Card that you can customize according to your needs.</li>
<li><span style="font-weight: 400;">Moving onto the “Map” menu, you will get a variety of options to customize your map content, location, zoom level, as well as the Map Themes.</span></li>
<li><span style="font-weight: 400;">Next comes the “Pointer” dropdown where you can edit the map pointer icon as you please. </span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="styles-6_wrap"><div class="documentor-section  section-4931" id="styles-6" data-section-id="4931"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.2.</span>Styles <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#styles-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><strong>Basic Layout</strong></p>
<ul>
<li><span style="font-weight: 400;">Once you&#8217;ve set up the location, click on the &#8220;Style&#8221; tab to customize the appearance of the map. Here, you can edit the content, map, and location card appearance.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/07/image_2023_07_13T07_09_09_966Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26463 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/07/image_2023_07_13T07_09_09_966Z.png" alt="style basic" width="352" height="253" /></a></div>
<ul>
<li><b>Content</b>
<ul>
<li style="font-weight: 400;" aria-level="2"><b>Container: </b>Adjust the container&#8217;s spacing and width under this section</li>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;"><b>Alignment: </b>Set content alignment as per your requirements for mobile and desktop view.</span></li>
<li style="font-weight: 400;" aria-level="2"><b>Mini Title: </b><span style="font-weight: 400;">Edit the Mini title typography according to mobile and desktop view</span></li>
<li style="font-weight: 400;" aria-level="2"><b>Heading: </b><span style="font-weight: 400;">Edit container text heading size and typography suitable to the view.</span></li>
<li aria-level="2"><b>Description: </b><span style="font-weight: 400;">Write and edit content description according to the view.</span></li>
</ul>
</li>
<li><strong>Map<br />
</strong></p>
<ul>
<li aria-level="2"><b>Corner: </b><span style="font-weight: 400;">Adjust the corner radius and scale of your map.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Height: </b><span style="font-weight: 400;">Set the height of your map on desktop, tablet, and mobile view.<br />
</span></li>
</ul>
</li>
<li><strong>Location Card<br />
<b></b></strong></p>
<ul>
<li aria-level="2"><b>Background: </b><span style="font-weight: 400;">Set the background image and color as you want to display on your location card.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Spacing: </b><span style="font-weight: 400;">Set the spacing and padding of your location card on desktop and mobile view.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Title: </b><span style="font-weight: 400;">Edit the title typography according to mobile and desktop view.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Subtitle: </b><span style="font-weight: 400;">Edit the subtitle typography as per the mobile and desktop view.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Address: </b><span style="font-weight: 400;">Edit the address typography and icon according to mobile and desktop view.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Button: </b><span style="font-weight: 400;">Adjust the button style and typography as you please.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Box Shadow: </b><span style="font-weight: 400;">Enable box shadow on your location card if suitable for your page.</span></li>
</ul>
<p><strong>Advanced Layout</strong></li>
<li><span style="font-weight: 400;">Moving on, the “Style” section is almost the same as well, with the difference being the “Info Card” instead of a “Location Card”.<br />
</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/07/image_2023_07_13T07_08_46_254Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26462 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/07/image_2023_07_13T07_08_46_254Z.png" alt="style advanced" width="354" height="232" /></a></div>
<ul>
<li><b>Content</b>
<ul>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">This extended menu is the same as explained in the Basic Layout.</span></li>
</ul>
</li>
<li><strong>Map<br />
</strong></p>
<ul>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">This menu also includes the same features as Basic Layout.</span></li>
</ul>
</li>
<li><strong>Info Card<br />
<b></b></strong></p>
<ul>
<li aria-level="2"><b>Background: </b><b></b><span style="font-weight: 400;">Set the background color for your info card as suited to your page and theme.</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="2"><span style="font-weight: 400;">For the rest, your card spacing, alignment, title, and address are to be edited just as the Basic Layout.</span></li>
</ul>
</li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="publishing-page_wrap"><div class="documentor-section  section-4920" id="publishing-page" data-section-id="4920"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">6.</span>Publishing Page <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#publishing-page')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Finally, just save and publish the changes to your webpage by clicking on the &#8220;Publish&#8221; button in the top right corner of the page editor.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/07/image_2023_07_13T07_12_19_832Z-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26467 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/07/image_2023_07_13T07_12_19_832Z-1.png" alt="Publishing Page " width="661" height="335" /></a></div>
<p><span style="font-weight: 400;">That&#8217;s it! Your Location Finder module should now be live on your webpage, displaying the location(s) you&#8217;ve set up.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-hubspot-modules-2_wrap"><div class="documentor-section  section-4921" id="custom-hubspot-modules-2" data-section-id="4921"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">7.</span>Custom Hubspot Modules <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-hubspot-modules-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">We hope you’ll love working with our Location Finder module and create a seamless experience for both your users and marketers on your team. Here at MakeWebBetter, we strive to make your experience with HubSpot a better one! </span></p>
<p><span style="font-weight: 400;">Just in case you have a custom HubSpot module requirement or need a customized HubSpot CMS or CRM setup, </span><strong><span style="color: #3366ff;"><a style="color: #3366ff;" href="https://makewebbetter.com/hubspot-themes/">hit us up</a>.</span></strong></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--></div><!--.doc-sec-container--><div id="sugestedit_popup354" class="sugestedit_popup">
				<a class="modal_close"></a>
				<form name="documentor-suggestform" method="post" class="documentor-suggestform">
					<div class="doc-frmdiv" style="font-weight: bold;">Suggest Edit
					</div>
					<div class="doc-frmdiv">
						<input type="text" name="sec_title" class="sedit-sectitle txtinput" value="" />
					</div><div class="doc-frmdiv">
							<input type="text" name="name" class="txtinput" placeholder="Name" required />
						</div><div class="doc-frmdiv">
							<input type="email" class="emailinput" placeholder="Email" name="email" required /> 
						</div><div class="doc-frmdiv">
							<textarea name="content" class="textareainput" placeholder="Post your suggestion..." required></textarea>
						</div><div class="doc-frmdiv"><label> Captcha :&nbsp; </label><span class="doc-sedit-captcha"></span></div><input type="hidden" class="sedit-secid" name="secid" value="" />
					<input type="hidden" class="sedit-postid" name="sedit_postid" value="" />
					<input type="hidden" class="sedit-docid" name="docid" value="354" />
					<button class="docsubmit-suggestform"> Submit </button>
				</form>
			</div><script type="text/javascript">
			jQuery(document).ready(function(){
				jQuery("#documentor-354").documentor({
					documentid	: 354,
					docid		: "documentor-354",
					animation	: "",
					indexformat	: "1",
					pformat		: "decimal",
					cformat		: "decimal",					
					secstyle	: "clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;",
					actnavbg_default: "1",
					actnavbg_color	: "#000000",
					enable_ajax	: "0",
					scrolling	: "1",
					fixmenu		: "1",
					skin		: "mint",
					scrollBarSize	: "3",
					scrollBarColor	: "#326693",
					scrollBarOpacity: "0.4",
					windowprint	: "0",
					menuTop: "20",
					socialshare	: 0,
					sharecount	: 1,
					fbshare		: 1,
					twittershare	: 1,
					gplusshare	: 1,
					pinshare	: 1,
					togglechild	: 0,
					noResultsStr: "No results found!",
				});	
			});</script></div><!--/.document-wrapper--></div><div class="cleardiv"> </div><div id="documentor-354-end"></div></p>
<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/hubspot-map-module/">Location Finder Module for HubSpot</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://docs.makewebbetter.com/hubspot-map-module/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>FAQ Module for HubSpot</title>
		<link>https://docs.makewebbetter.com/hubspot-faq-module/</link>
					<comments>https://docs.makewebbetter.com/hubspot-faq-module/#respond</comments>
		
		<dc:creator><![CDATA[sanjeev maurya]]></dc:creator>
		<pubDate>Tue, 09 May 2023 10:26:53 +0000</pubDate>
				<category><![CDATA[HubSpot Themes]]></category>
		<guid isPermaLink="false">https://docs.makewebbetter.com/?p=26148</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/hubspot-faq-module/">FAQ Module for HubSpot</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></description>
										<content:encoded><![CDATA[</p>
<p><div id="documentor-353" class="documentor-mint documentor-wrap" data-docid = "353" ><div class="documentor-topicons doc-noprint"><span class="doc-topiconswrap"></span><div class="cleardiv"></div><div class="clrright"></div></div><div class="document-wrapper"><div class="doc-menu doc-noprint"><div class="doc-menurelated"><ol class="doc-list-front"><li class="doc-actli"><a class="documentor-menu" href="#overview-310"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#overview-310" data-sec-counter="1" data-section-id="4907">Overview</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#faq-module-benefits"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#faq-module-benefits" data-sec-counter="2" data-section-id="4908">Features Included</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#whats-included-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#whats-included-7" data-sec-counter="3" data-section-id="4909">Module Benefits</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#using-faq-module"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#using-faq-module" data-sec-counter="4" data-section-id="4910">Module Set up</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#module-settings-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#module-settings-2" data-sec-counter="5" data-section-id="4911">Module Settings </a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#content-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#content-7" data-sec-counter="5.1" data-section-id="4922">Content</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#styles-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#styles-4" data-sec-counter="5.2" data-section-id="4923">Styles</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#publishing-page-with-module"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#publishing-page-with-module" data-sec-counter="6" data-section-id="4915">Publishing Page </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-hubspot-modules"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-hubspot-modules" data-sec-counter="7" data-section-id="4916">Custom HubSpot Modules</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></div></div><div class="doc-sec-container" id="documentor_seccontainer"><div class="doc-sectionwrap" id="overview-310_wrap"><div class="documentor-section  section-4907" id="overview-310" data-section-id="4907"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.</span>Overview <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#overview-310')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>The FAQ module in the HubSpot CMS allows you to add frequently asked questions to your website pages easily.</p>
<p>It includes a question-and-answer format with expandable sections for each question. You can customize the colors, styles, and layout of the FAQ module to match your website design.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="faq-module-benefits_wrap"><div class="documentor-section  section-4908" id="faq-module-benefits" data-section-id="4908"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.</span>Features Included <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#faq-module-benefits')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The FAQ Module in HubSpot offers beneficial features for your web page to help drive more traffic and offer transparency.</span></p>
<p><span style="font-weight: 400;">These features include:</span></p>
<ul>
<li><span style="font-weight: 400;">Adding endless questions &amp; answers. </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Search functionality to easily find specific questions or keywords.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Ability to add, delete and reorder questions and answers.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Marketer-friendly module with a clean and simple design.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Customizable colors and styles for the accordion and text.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Mobile-responsive design for optimal viewing on different devices.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="whats-included-7_wrap"><div class="documentor-section  section-4909" id="whats-included-7" data-section-id="4909"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.</span>Module Benefits <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#whats-included-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The FAQ module</span></p>
<ul>
<li><span style="font-weight: 400;">Helps to establish trust and credibility with potential customers by providing clear and accurate information.</span></li>
<li><span style="font-weight: 400;">Increases website engagement and reduces bounce rate by keeping visitors on your site longer.</span></li>
<li><span style="font-weight: 400;">Potentially reduce the number of support tickets or inquiries your team receives.</span></li>
<li><span style="font-weight: 400;">Improves SEO by using relevant keywords and phrases in the questions and answers.</span></li>
<li><span style="font-weight: 400;">Enables you to gather insights into your customers&#8217; concerns and questions, which can help inform your marketing and product development strategies.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="using-faq-module_wrap"><div class="documentor-section  section-4910" id="using-faq-module" data-section-id="4910"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.</span>Module Set up <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#using-faq-module')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Setting up the Faq Module is easy and straightforward. All you have to do is perform a simple drag and drop. </span></p>
<p><span style="font-weight: 400;">Now let’s go through the setup steps:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">First, log in to your HubSpot account and navigate to the &#8220;Marketing&#8221; tab.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/untitled-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26487 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/untitled-1.png" alt="faq module set up " width="946" height="145" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Click on &#8220;Website&#8221; in the dropdown menu and select &#8220;Website Pages&#8221; from the extended menu.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/Screenshot-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26488 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/Screenshot-2-1.png" alt="faq set up " width="473" height="574" /></a></div>
<ul>
<li>Select the template and create your web page as usual. Under the module selection menu, search for &#8220;FAQ&#8221; and select the module</li>
</ul>
<div class="mwb-docs-product-images"><img decoding="async" loading="lazy" class="aligncenter wp-image-26474 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/image_2023_07_13T12_42_58_044Z.png" alt="Faq setting" width="1895" height="758" /></div>
<ul>
<li>Now simply pick the FAQ module, drag, and drop it wherever you want on your page. You&#8217;ll see a new module appear on the page.</li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/image_2023_07_13T12_43_38_977Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26475 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/image_2023_07_13T12_43_38_977Z.png" alt="Faq setting" width="1900" height="749" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="module-settings-2_wrap"><div class="documentor-section  section-4911" id="module-settings-2" data-section-id="4911"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.</span>Module Settings  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#module-settings-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="content-7_wrap"><div class="documentor-section  section-4922" id="content-7" data-section-id="4922"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.1.</span>Content <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#content-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/image_2023_07_13T12_46_40_465Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26477 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/image_2023_07_13T12_46_40_465Z.png" alt="Faq contain" width="315" height="299" /></a></div>
<ul>
<li><span style="font-weight: 400;">Under “Content”, you can edit the content you want to be displayed on your FAQ section. Easily adjust and update the “Mini Title”, “Heading”, and “Description” as you please.</span></li>
<li><span style="font-weight: 400;">The “Search” dropdown lets you enable or disable the search functionality above the FAQ section by switching the toggle button. You can also change the placeholder text on the search bar, as it appears on the section. </span></li>
<li><span style="font-weight: 400;">Moving on, set your “Accordion” to present information in a user-friendly way.</span></li>
<ul>
<li aria-level="2"><b>Column Count: </b><span style="font-weight: 400;">Choose whether to have a two column FAQ setup or keep it simple with the one column setup.</span></li>
<li aria-level="2"><span style="font-weight: 400;">Under the same menu, you can define the number of questions you want on your webpage. Further clicking on the question tab, update the questions and their answers.</span></li>
<li aria-level="2"><b>Icons: </b><span style="font-weight: 400;">Display the opening and closing of desired questions with icons and make your page interactive.<br />
</span></li>
</ul>
<ul>
<li><span style="font-weight: 400;">The ”Custom Id” lets you add unique custom ids to the FAQ section. Using a toggle button you can enable or disable the custom ID.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="styles-4_wrap"><div class="documentor-section  section-4923" id="styles-4" data-section-id="4923"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.2.</span>Styles <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#styles-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-kb__content-img"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/image_2023_07_13T12_44_40_601Z.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26479 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/image_2023_07_13T12_44_40_601Z.png" alt="Faq setting" width="317" height="399" /></a></div>
<ul>
<li><b>Content</b></li>
</ul>
<ul>
<li aria-level="2"><b>Container: </b><span style="font-weight: 400;">Adjust the content bottom spacing and width that will show on both the mobile and desktop. </span></li>
</ul>
<ul>
<li aria-level="2"><b>Alignment: </b><span style="font-weight: 400;">Align your content according to the view you want on your preferred device.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Mini Title: </b><span style="font-weight: 400;">Change the style, font, line height of the mini title for both desktop and mobile.</span></li>
<li aria-level="2"><span style="font-weight: 400;"><b>Title: </b>The settings on the title option are similar to those of the mini title. Here also you change the font size, font type, line height, etc., for desktop users, and the line height and font size for mobile view. </span></li>
<li aria-level="2"><b>Description</b><span style="font-weight: 400;">: Similar to the settings of the title and subtitle, you can make changes in the description box.</span></li>
</ul>
<ul>
<li aria-level="1"><b>Search</b>
</li>
</ul>
<ul>
<li aria-level="2"><b>Spacing: </b><span style="font-weight: 400;">Alter the bottom spacing on desktop and mobile view. Just put in the number and save settings for both views.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Input Field: </b><span style="font-weight: 400;">Here, you can change the search input fields’ text color and background color. You can input the hex code for the same.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Icon: </b><span style="font-weight: 400;">Here, you can change the icon color and background color of the icon. </span></li>
<li aria-level="2"><span style="font-weight: 400;"><b>Hover: </b>While hovering over the icon, you can change its color as well as the background color.  </span></li>
</ul>
<ul>
<li aria-level="1"><b>Accordion   </b></li>
</ul>
<ul>
<li aria-level="2"><b>Background: </b><span style="font-weight: 400;">To change the background color of the accordion, you can input the hex code and it will be reflected on the screen.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Border: </b><span style="font-weight: 400;">This option allows you to edit the accordion border style. You can change the border style, color, and width. Additionally, you can tick the checkbox to apply these same settings to the bottom only.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Corner: </b><span style="font-weight: 400;">Just simply drag the slider to increase the border radius.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Spacing: </b><span style="font-weight: 400;">This section deals with the spacing of the accordions. Each FAQ shall be at an equal distance from each other. </span></li>
</ul>
<ul>
<li aria-level="2"><b>Max width: </b><span style="font-weight: 400;">To enable the maximum width for the accordion, use the toggle button and set the width to whatever you please.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Box shadow: </b><span style="font-weight: 400;">Enable or disable the box shadow with the help of the toggle button.</span></li>
</ul>
<ul>
<li aria-level="1"><b>Question</b></li>
</ul>
<ul>
<li><b>Typography desktop: </b><span style="font-weight: 400;">Under this setting, you can change the typography of the desktop view, including font, color, line height, etc. of the questions.</span></li>
</ul>
<ul>
<li aria-level="2"><b>Typography mobile: </b><span style="font-weight: 400;">Under this setting, you can change the typography of the mobile and line height for the mobile view of the questions.</span></li>
<li aria-level="2"><b>Spacing: </b><span style="font-weight: 400;">Here, you can adjust the spacing of the margin above and the margin below, along with the padding for each question.</span></li>
</ul>
<ul>
<li aria-level="1"><b>Answer</b></li>
</ul>
<ul>
<li aria-level="2"><b>Typography desktop: </b>It is the same as we discussed in Question.</li>
</ul>
<ul>
<li aria-level="2"><b>Typography mobile: </b>Functions exactly as it does for Question.</li>
</ul>
<ul>
<li aria-level="2"><b>Spacing: </b>Also functions just like in Question.</li>
</ul>
<ul>
<li><span style="font-weight: 400;">In the “Icon” menu, you can change the icon color. Just mention the hex code for the color you want.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="publishing-page-with-module_wrap"><div class="documentor-section  section-4915" id="publishing-page-with-module" data-section-id="4915"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">6.</span>Publishing Page <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#publishing-page-with-module')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Finally, just save and publish the changes to your webpage by clicking on the &#8220;Publish&#8221; button in the top right corner of the page editor.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/05/jj.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-26481 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/05/jj.png" alt="Publishing Page " width="661" height="335" /></a></div>
<p>That’s it! Your HubSpot map module should now be live on your webpage, displaying the location(s) you’ve set up.</p>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-hubspot-modules_wrap"><div class="documentor-section  section-4916" id="custom-hubspot-modules" data-section-id="4916"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">7.</span>Custom HubSpot Modules <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-hubspot-modules')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">We hope you’ll love working with our FAQ module and create a seamless experience for both your users and marketers on your team. Here at MakeWebBetter, we strive to make your experience with HubSpot a better one! </span></p>
<p><span style="font-weight: 400;">Just in case you have a custom HubSpot module requirement or need a customized HubSpot CMS or CRM setup, </span><strong><span style="color: #0000ff;"><a style="color: #0000ff;" href="https://makewebbetter.com/hubspot-themes/">hit us up</a>.</span></strong></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--></div><!--.doc-sec-container--><div id="sugestedit_popup353" class="sugestedit_popup">
				<a class="modal_close"></a>
				<form name="documentor-suggestform" method="post" class="documentor-suggestform">
					<div class="doc-frmdiv" style="font-weight: bold;">Suggest Edit
					</div>
					<div class="doc-frmdiv">
						<input type="text" name="sec_title" class="sedit-sectitle txtinput" value="" />
					</div><div class="doc-frmdiv">
							<input type="text" name="name" class="txtinput" placeholder="Name" required />
						</div><div class="doc-frmdiv">
							<input type="email" class="emailinput" placeholder="Email" name="email" required /> 
						</div><div class="doc-frmdiv">
							<textarea name="content" class="textareainput" placeholder="Post your suggestion..." required></textarea>
						</div><div class="doc-frmdiv"><label> Captcha :&nbsp; </label><span class="doc-sedit-captcha"></span></div><input type="hidden" class="sedit-secid" name="secid" value="" />
					<input type="hidden" class="sedit-postid" name="sedit_postid" value="" />
					<input type="hidden" class="sedit-docid" name="docid" value="353" />
					<button class="docsubmit-suggestform"> Submit </button>
				</form>
			</div><script type="text/javascript">
			jQuery(document).ready(function(){
				jQuery("#documentor-353").documentor({
					documentid	: 353,
					docid		: "documentor-353",
					animation	: "",
					indexformat	: "1",
					pformat		: "decimal",
					cformat		: "decimal",					
					secstyle	: "clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;",
					actnavbg_default: "1",
					actnavbg_color	: "#000000",
					enable_ajax	: "0",
					scrolling	: "1",
					fixmenu		: "1",
					skin		: "mint",
					scrollBarSize	: "3",
					scrollBarColor	: "#326693",
					scrollBarOpacity: "0.4",
					windowprint	: "0",
					menuTop: "20",
					socialshare	: 0,
					sharecount	: 1,
					fbshare		: 1,
					twittershare	: 1,
					gplusshare	: 1,
					pinshare	: 1,
					togglechild	: 0,
					noResultsStr: "No results found!",
				});	
			});</script></div><!--/.document-wrapper--></div><div class="cleardiv"> </div><div id="documentor-353-end"></div></p>
<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/hubspot-faq-module/">FAQ Module for HubSpot</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://docs.makewebbetter.com/hubspot-faq-module/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Cafe Delight HubSpot Theme</title>
		<link>https://docs.makewebbetter.com/cafe-delight-hubspot-theme/</link>
					<comments>https://docs.makewebbetter.com/cafe-delight-hubspot-theme/#respond</comments>
		
		<dc:creator><![CDATA[sanjeev maurya]]></dc:creator>
		<pubDate>Tue, 18 Oct 2022 11:49:24 +0000</pubDate>
				<category><![CDATA[HubSpot Themes]]></category>
		<category><![CDATA[cafe deligh]]></category>
		<category><![CDATA[cafe delight]]></category>
		<category><![CDATA[Hubspot theme]]></category>
		<category><![CDATA[themes]]></category>
		<guid isPermaLink="false">https://docs.makewebbetter.com/?p=25261</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/cafe-delight-hubspot-theme/">Cafe Delight HubSpot Theme</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></description>
										<content:encoded><![CDATA[</p>
<p><div id="documentor-350" class="documentor-mint documentor-wrap" data-docid = "350" ><div class="documentor-topicons doc-noprint"><span class="doc-topiconswrap"></span><div class="cleardiv"></div><div class="clrright"></div></div><div class="document-wrapper"><div class="doc-menu doc-noprint"><div class="doc-menurelated"><ol class="doc-list-front"><li class="doc-actli"><a class="documentor-menu" href="#overview-302"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#overview-302" data-sec-counter="1" data-section-id="4656">Overview</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#getting-started-12"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#getting-started-12" data-sec-counter="1.1" data-section-id="4657">Getting Started</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#purchase-hubspot-theme-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#purchase-hubspot-theme-2" data-sec-counter="1.1.1" data-section-id="4658">Purchase HubSpot Theme</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#install-theme-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#install-theme-2" data-sec-counter="1.1.2" data-section-id="4659">Install Theme</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#create-a-child-theme-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#create-a-child-theme-2" data-sec-counter="1.1.3" data-section-id="4660"> Create a Child Theme</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#steps-to-create-a-child-theme-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#steps-to-create-a-child-theme-2" data-sec-counter="1.1.3.1" data-section-id="4661">Steps To Create a Child Theme </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#theme-settings-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#theme-settings-2" data-sec-counter="1.1.2" data-section-id="4662"> Theme Settings </a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#access-theme-settings-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#access-theme-settings-2" data-sec-counter="1.1.2.1" data-section-id="4663">Access Theme Settings</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#colors-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#colors-2" data-sec-counter="1.1.2.1.1" data-section-id="4664">Colors </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#font-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#font-2" data-sec-counter="1.1.2.1.2" data-section-id="4665">Font </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#typography-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#typography-10" data-sec-counter="1.1.2.1.3" data-section-id="4666">Typography</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#buttons-11"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#buttons-11" data-sec-counter="1.1.2.1.4" data-section-id="4667">Buttons </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#forms-14"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#forms-14" data-sec-counter="1.1.2.1.5" data-section-id="4668">Forms </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#tables-11"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#tables-11" data-sec-counter="1.1.2.1.6" data-section-id="4669">Tables</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#website-header-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#website-header-7" data-sec-counter="1.1.2.1.7" data-section-id="4670">Website Header </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#website-footer-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#website-footer-7" data-sec-counter="1.1.2.1.8" data-section-id="4671">Website Footer</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#spacing-12"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#spacing-12" data-sec-counter="1.1.2.1.9" data-section-id="4672"> Spacing </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-setting-11"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-setting-11" data-sec-counter="1.1.2.1.10" data-section-id="4673">Blog Setting</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#system-page-settings-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#system-page-settings-8" data-sec-counter="1.1.2.1.11" data-section-id="4674"> System Page Settings </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#scroll-to-top-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#scroll-to-top-8" data-sec-counter="1.1.2.1.12" data-section-id="4675"> Scroll to Top</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#customizing-header-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#customizing-header-2" data-sec-counter="1.1.2.3" data-section-id="4676">Customizing Header </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#customizing-footer-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#customizing-footer-2" data-sec-counter="1.1.2.4" data-section-id="4677">Customizing Footer</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#modules-overview-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#modules-overview-2" data-sec-counter="1.1.2.5" data-section-id="4683">Modules Overview </a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#accordion-19"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#accordion-19" data-sec-counter="1.1.2.5.1" data-section-id="4684">Accordion  </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#animated-image"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#animated-image" data-sec-counter="1.1.2.5.2" data-section-id="4685">Animated Image</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#banner-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#banner-10" data-sec-counter="1.1.2.5.3" data-section-id="4686">Banner</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-listing-26"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-listing-26" data-sec-counter="1.1.2.5.4" data-section-id="4687">Blog Listing</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-related-post-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-related-post-5" data-sec-counter="1.1.2.5.5" data-section-id="4688">Blog-Related Post</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-subscribe-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-subscribe-2" data-sec-counter="1.1.2.5.6" data-section-id="4689">Blog Subscribe</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#booking-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#booking-2" data-sec-counter="1.1.2.5.7" data-section-id="4690">Booking</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#customizable-button-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#customizable-button-9" data-sec-counter="1.1.2.5.8" data-section-id="4691">Customizable Button</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#copyright-11"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#copyright-11" data-sec-counter="1.1.2.5.9" data-section-id="4693">Copyright</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#countdown-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#countdown-3" data-sec-counter="1.1.2.5.10" data-section-id="4694">Countdown</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#counter-12"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#counter-12" data-sec-counter="1.1.2.5.11" data-section-id="4695">Counter</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-image-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-image-10" data-sec-counter="1.1.2.5.12" data-section-id="4696">Custom Image </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-form-12"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-form-12" data-sec-counter="1.1.2.5.13" data-section-id="4697">Custom Form</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#filter-slider"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#filter-slider" data-sec-counter="1.1.2.5.14" data-section-id="4698">Filter Slider</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#footer-navigation-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#footer-navigation-5" data-sec-counter="1.1.2.5.15" data-section-id="4699">Footer Navigation</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#gallery-grid-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#gallery-grid-2" data-sec-counter="1.1.2.5.16" data-section-id="4700">Gallery Grid</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-control-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-control-2" data-sec-counter="1.1.2.5.17" data-section-id="4701">Header Control   </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-toggler-13"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-toggler-13" data-sec-counter="1.1.2.5.18" data-section-id="4702"> Header Toggler</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#icon-box-18"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#icon-box-18" data-sec-counter="1.1.2.5.19" data-section-id="4704"> Icon Box</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#information"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#information" data-sec-counter="1.1.2.5.20" data-section-id="4705">Information</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#logo-16"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#logo-16" data-sec-counter="1.1.2.5.21" data-section-id="4706">Logo</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#map-17"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#map-17" data-sec-counter="1.1.2.5.22" data-section-id="4707">Map</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#partner-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#partner-3" data-sec-counter="1.1.2.5.23" data-section-id="4708">Partner</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#pricing-card-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#pricing-card-9" data-sec-counter="1.1.2.5.24" data-section-id="4709">Pricing Card</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#review-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#review-4" data-sec-counter="1.1.2.5.25" data-section-id="4710">Review</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#social-follow-17"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#social-follow-17" data-sec-counter="1.1.2.5.26" data-section-id="4711"> Social Follow </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#spacer-19"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#spacer-19" data-sec-counter="1.1.2.5.27" data-section-id="4712">Spacer</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#testimonial-13"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#testimonial-13" data-sec-counter="1.1.2.5.28" data-section-id="4713">Testimonial </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#team-grid-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#team-grid-2" data-sec-counter="1.1.2.5.29" data-section-id="4714">Team Grid</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#team-slider-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#team-slider-2" data-sec-counter="1.1.2.5.30" data-section-id="4715">Team Slider</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#title-content-16"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#title-content-16" data-sec-counter="1.1.2.5.31" data-section-id="4716">Title Content</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#video-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#video-3" data-sec-counter="1.1.2.5.32" data-section-id="4717"> Video</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#video-gallery-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#video-gallery-2" data-sec-counter="1.1.2.5.33" data-section-id="4718">Video Gallery</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#website-landing-page-templates-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#website-landing-page-templates-2" data-sec-counter="1.1.2.5.6" data-section-id="4678">Website & Landing Page Templates</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#reusable-sections-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#reusable-sections-2" data-sec-counter="1.1.2.5.7" data-section-id="4679"> Reusable Sections</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#applying-blog-pages"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#applying-blog-pages" data-sec-counter="1.1.2.5.8" data-section-id="4680"> Applying Blog Pages</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#applying-system-pages"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#applying-system-pages" data-sec-counter="1.1.2.5.9" data-section-id="4681">Applying System Pages</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#theme-support-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#theme-support-2" data-sec-counter="1.1.2.5.10" data-section-id="4682">Theme Support </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li></ol></div></div><div class="doc-sec-container" id="documentor_seccontainer"><div class="doc-sectionwrap" id="overview-302_wrap"><div class="documentor-section  section-4656" id="overview-302" data-section-id="4656"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.</span>Overview <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#overview-302')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Cafe Delight is a HubSpot CMS-compatible premium theme that’s made for the coffee shack, burger cafe, bistro, bar, food truck, food chain, beverage place, food delivery, bakery, cakery, restaurant, hotel, dine-ins, canteen, or any food &amp; drink website.<br />
</span><br />
<span style="font-weight: 400;">This cafe &amp; bakery theme has the following features that will help you create the perfect HubSpot CMS website for your bakery &amp; food services:     </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Fast food restaurant theme with responsive &amp; interactive designs </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">SEO-friendly, lightweight, clean &amp; modern HubSpot CMS website theme</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">HubSpot homepages for bakery/pastry shop, food delivery &amp; cafe</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Easy-to-use DIY theme settings that are highly customizable  </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Fully responsive multiple image option. Gallery </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Lazy loading &amp; elegant animation functions</span></li>
</ul>
<div class="mwb-docs-product-images" style="text-align: center;"><iframe loading="lazy" title="YouTube video player" src="https://www.youtube.com/embed/ZIJbCXDj1dk" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<p><span style="font-weight: 400;">Cafe delight can be a perfect companion for the online presence of your food delivery, bakery or cafe business. If you’re ready to buy this theme, we’ll offer you a <strong>15m</strong></span><b> free customization &amp; <a href="https://meetings.hubspot.com/makewebbetter/free-hubspot-consultation/" rel="nofollow">HubSpot theme consultation</a> session with our HubSpot experts.</b><span style="font-weight: 400;"> Discuss all possibilities for the growth of your beauty business now!</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="getting-started-12_wrap"><div class="documentor-section  section-4657" id="getting-started-12" data-section-id="4657"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.</span>Getting Started <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#getting-started-12')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">We bring you continuous updates with our premium HubSpot themes, so you stay updated on your online font. Cafe Delight has multiple HubSpot website pages and landing page templates that help you in getting started with creating highly interactive &amp; converting pages for your inbound website. </span></p>
<p><span style="font-weight: 400;">This documentation gives you an idea about working with HubSpot themes. It helps you to configure modules and sections on your HubSpot CMS.</span></p>
<p><span style="font-weight: 400;">You can request for a free demo of our → Cafe DelightDemo to see how well it suits your interest. Additionally, we’re certified HubSpot developers. So, we’ll customize this theme perfect for your beauty website according to your needs. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="purchase-hubspot-theme-2_wrap"><div class="documentor-section  section-4658" id="purchase-hubspot-theme-2" data-section-id="4658"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.1.</span>Purchase HubSpot Theme <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#purchase-hubspot-theme-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">For purchasing the Cafe DelightHubSpot theme, you can directly navigate to the HubSpot theme marketplace from your HubSpot portal. HubSpot theme marketplace allows you to download free themes and buy premium HubSpot templates from different HubSpot-approved agencies.  </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">Log in to your HubSpot portal &gt; Click on Marketplace icon &gt; Select asset marketplace &gt; insert ‘Glambiz’ in the search portal &gt; Click </span></i><b><i>Buy </i></b><i><span style="font-weight: 400;">button on the upper right &gt; insert your email address &gt; fill in your billing information &gt; Click </span></i><b><i>Payment Info</i></b></li>
</ul>
<p><i><span style="font-weight: 400;">HubSpot marketplace accepts payments via </span></i><b><i>credit cards </i></b><i><span style="font-weight: 400;">and the preferred payment gateway is Stripe or Paypal. After your transaction is processed and completed, the Cafe Delighttheme assets are added to your HubSpot design manager.  </span></i></p>
<p><i><span style="font-weight: 400;">The templates and modules will appear for use in your HubSpot content under the same name as mentioned on the theme listing page.</span></i></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="install-theme-2_wrap"><div class="documentor-section  section-4659" id="install-theme-2" data-section-id="4659"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.</span>Install Theme <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#install-theme-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">After you purchase the theme, you need to install it and set it as your active HubSpot CMS theme.</span></p>
<p><b>Read More: </b><span style="font-weight: 400;"> </span><strong><a href="https://support.makewebbetter.com/hubspot-themes/how-to-install-hubspot-cms-theme-or-change-it/">How To Install HubSpot CMS Themes or Change It?</a> </strong></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="create-a-child-theme-2_wrap"><div class="documentor-section  section-4660" id="create-a-child-theme-2" data-section-id="4660"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.3.</span> Create a Child Theme <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#create-a-child-theme-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">We highly recommend you create a child theme of the Cafe Delightbeauty &amp; cosmetic HubSpot theme. As soon as you buy the theme HubSpot will prompt you to start editing the page templates of the CMS theme. However, before rushing into starting your newly designed pages, consider creating a child theme. </span></p>
<p><b>Please Note<br />
</b>Setting up a child theme preserves the ability of the updates to be applied to the parent theme. This way you can customize the child theme on your portal as much as you want without affecting parent theme styles.</p>
<p><span style="font-weight: 400;">Once the theme has been purchased, you can  build up to</span><b> 5 child themes </b><span style="font-weight: 400;">with separate branding under the same account. Users of CMS Hub Enterprise can set up as many as</span><b> 10 child themes.</b></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="steps-to-create-a-child-theme-2_wrap"><div class="documentor-section  section-4661" id="steps-to-create-a-child-theme-2" data-section-id="4661"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.3.1.</span>Steps To Create a Child Theme  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#steps-to-create-a-child-theme-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">Open your <strong><a href="http://hubspot.sjv.io/kjBZ4x">HubSpot account</a></strong> &gt; navigate to </span></i><b><i>marketing &gt; </i></b><i><span style="font-weight: 400;">choose </span></i><b><i>files and templates &gt; </i></b><i><span style="font-weight: 400;">select </span></i><b><i>design tools</i></b></li>
<li aria-level="1"><i><span style="font-weight: 400;">Find the @marketplace folder for the Cafe Delighttheme &gt; right-click on the Cafe Delighttheme folder &gt; select </span></i><b><i>create child theme &gt; </i></b><i><span style="font-weight: 400;">name the child theme</span></i></li>
<li aria-level="1"><span style="font-weight: 400;">If you want to change the child theme location, do so by clicking </span><b>change </b><span style="font-weight: 400;">in the File location section. Select a </span><b>folder &gt; </b><span style="font-weight: 400;">click</span><b> select</b><span style="font-weight: 400;"><br />
</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="theme-settings-2_wrap"><div class="documentor-section  section-4662" id="theme-settings-2" data-section-id="4662"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.</span> Theme Settings  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#theme-settings-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">For making changes in the look and feel of your cosmetic &amp; beauty HubSpot CMS website, you can directly edit the theme settings. These settings are a centralized location to make changes that reflect all over your website and landing pages. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="access-theme-settings-2_wrap"><div class="documentor-section  section-4663" id="access-theme-settings-2" data-section-id="4663"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.</span>Access Theme Settings <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#access-theme-settings-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can access the theme settings on the Cafe Delight theme in two ways:</span></p>
<ul>
<li aria-level="1"><span style="font-weight: 400;">Settings  → Website → Themes → Cafe Delight child theme ( In case you’re just getting started and haven&#8217;t yet created any pages access the theme setting from the settings option)</span></li>
<li aria-level="1"><span style="font-weight: 400;">Marketing → Landing Pages → Page Editor  → Theme → Edit Theme Settings</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/theme-settings.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25406 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/theme-settings.png" alt="HubSpot Theme: Access Theme Settings" width="472" height="491" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/theme-settings.png 472w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/theme-settings-288x300.png 288w" sizes="(max-width: 472px) 100vw, 472px" /></a></div>
<p><span style="font-weight: 400;">Check out the theme settings added in the Cafe Delight Theme. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="colors-2_wrap"><div class="documentor-section  section-4664" id="colors-2" data-section-id="4664"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.1.</span>Colors  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#colors-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">From the colors option of edit theme settings, you can change the global display of colors on your website. You must have a brand that follows a particular color scheme. This is the place where you can experiment and decide on your brand colors.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/colors-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25404 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/colors-1.png" alt="HubSpot Theme: Colors" width="425" height="332" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/colors-1.png 425w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/colors-1-300x234.png 300w" sizes="(max-width: 425px) 100vw, 425px" /></a></div>
<ul>
<li aria-level="1"><b>Primary colors </b><span style="font-weight: 400;">are a very important part of color theory. Red, yellow &amp; blue are highly preferred primary colors. You can choose from the color palette provided.  </span></li>
<li aria-level="1"><b>Accent colors </b><span style="font-weight: 400;">make certain sections louder and different than others. These usually complement the primary colors.</span></li>
<li aria-level="1"><b>Heading colors </b><span style="font-weight: 400;">that will show up on different headings on your website pages like h1,h2,h3, etc.</span></li>
<li aria-level="1"><b>Body background colors </b><span style="font-weight: 400;">are added behind the elements as backgrounds. The white body background color is highly recommended.</span></li>
<li aria-level="1"><b>Link colors </b><span style="font-weight: 400;">appear as you see the hyperlinked text on your landing pages. </span><b> </b></li>
<li aria-level="1"><b>Links hover color </b>is visible when you hover over a hypertext. Basically, the hover link color is visible only if the user will hover over the text.</li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="font-2_wrap"><div class="documentor-section  section-4665" id="font-2" data-section-id="4665"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.2.</span>Font  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#font-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Fonts are different types of writing styles. It helps you separate headlines and content just by looking at them. There are more than 100 fonts than can be used on your HubSpot CMS website. With Cafe Delight you can choose between </span><b>google fonts or external fonts.</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/fonts-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25408 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/fonts-1.png" alt=" HubSpot Theme: Fonts" width="313" height="540" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/fonts-1.png 313w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/fonts-1-174x300.png 174w" sizes="(max-width: 313px) 100vw, 313px" /></a></div>
<p><span style="font-weight: 400;">Besides, you can select different fonts for </span><b>mini titles, headings, </b><span style="font-weight: 400;">and </span><b>body </b><span style="font-weight: 400;">along with their colors. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="typography-10_wrap"><div class="documentor-section  section-4666" id="typography-10" data-section-id="4666"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.3.</span>Typography <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#typography-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can arrange the letters of the text in such a fashion that the user can read it clearly and find it visually appealing. </span></p>
<p><span style="font-weight: 400;">Colors and fonts are one way to make it so. However, typography on your website also</span><b><i> involves selecting fonts, adjusting letter spacing, and line height for desktops, mobiles, and tabs. </i></b></p>
<p><span style="font-weight: 400;">These settings will be added over to the h1,h2,h3,h4,h5,h6, body, mini title, etc.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Typography-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25422 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Typography-1.png" alt=" HubSpot Theme: Typography" width="537" height="326" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Typography-1.png 537w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Typography-1-300x182.png 300w" sizes="(max-width: 537px) 100vw, 537px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="buttons-11_wrap"><div class="documentor-section  section-4667" id="buttons-11" data-section-id="4667"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.4.</span>Buttons  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#buttons-11')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Buttons are a crucial element on your website landing pages. For users, it is an action point. You need to make buttons highly convertible. We have added buttons in different sections so you don’t have to worry.</span></p>
<p><span style="font-weight: 400;">We have added a dark and light variant of outlined and filled buttons. From the buttons option of the theme settings, you can edit the font text &amp; color, and change the background &amp; border color for various states of buttons like active, hover &amp; normal.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/buttons.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25424 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/buttons.png" alt="HubSpot Theme: Buttons" width="316" height="257" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/buttons.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/buttons-300x244.png 300w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="forms-14_wrap"><div class="documentor-section  section-4668" id="forms-14" data-section-id="4668"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.5.</span>Forms  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#forms-14')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Forms are essential for the collection of customer data. Big or small, your food business benefits highly from this collected data. While using forms on the Cafe Delight theme, you can edit the title, background, border style, and corner radius for various form elements like </span><b><i>title, help text, form fields, labels, error messages, etc.</i></b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/forms-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25426 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/forms-1.png" alt="HubSpot Theme: Forms" width="316" height="405" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/forms-1.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/forms-1-234x300.png 234w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="tables-11_wrap"><div class="documentor-section  section-4669" id="tables-11" data-section-id="4669"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.6.</span>Tables <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#tables-11')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Adding tables on your website helps you organize data clearly and helps users differentiate between things mentioned. If you’re adding tables to your landing pages, you can edit the text &amp; background color of the table header, footer, cells, and body.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/tables-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25430 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/tables-1.png" alt="HubSpot Theme: Tables" width="318" height="305" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/tables-1.png 318w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/tables-1-300x288.png 300w" sizes="(max-width: 318px) 100vw, 318px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="website-header-7_wrap"><div class="documentor-section  section-4670" id="website-header-7" data-section-id="4670"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.7.</span>Website Header  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#website-header-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Website header options from the theme settings let you change a series of stuff like enabling header top and header bottom through a toggle button.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25431 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header.png" alt="HubSpot Theme: Website Header" width="315" height="225" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-300x214.png 300w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p><span style="font-weight: 400;">You can change the header menu background color, header background color, menu container background, and menu item border color. You can also add box shadow.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25433 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-2.png" alt="HubSpot Theme: Website Header" width="317" height="184" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-2.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-2-300x174.png 300w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
<p><span style="font-weight: 400;">The header menu is also editable. While you will find additional settings on the header module. But, from the theme settings, you can change the menu items text font type and font color.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25434 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-3.png" alt="HubSpot Theme: Website Header" width="317" height="244" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-3.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-3-300x231.png 300w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="website-footer-7_wrap"><div class="documentor-section  section-4671" id="website-footer-7" data-section-id="4671"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.8.</span>Website Footer <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#website-footer-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The website footer is at the bottom of any website page. The Cafe Delight theme offers easy customization of the footer. You can change the footer background color. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25435 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer.png" alt="HubSpot Theme: Website Footer" width="313" height="135" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer.png 313w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-300x129.png 300w" sizes="(max-width: 313px) 100vw, 313px" /></a></div>
<p><span style="font-weight: 400;">Other settings include changing the text font, color, line height &amp; text transformation on the website footer for desktop.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25437 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-2.png" alt="HubSpot Theme: Website Footer" width="297" height="395" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-2.png 297w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-2-226x300.png 226w" sizes="(max-width: 297px) 100vw, 297px" /></a></div>
<p><span style="font-weight: 400;">For mobile devices, you can change the font size and line height of the website footer.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25438 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-3.png" alt="HubSpot Theme: Website Footer" width="315" height="275" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-3.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-3-300x262.png 300w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p><span style="font-weight: 400;">Website footer also has an editable menu. Plus you can alter text and color settings too.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25439 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-4.png" alt="HubSpot Theme: Website Footer" width="315" height="232" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-4.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-4-300x221.png 300w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="spacing-12_wrap"><div class="documentor-section  section-4672" id="spacing-12" data-section-id="4672"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.9.</span> Spacing  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#spacing-12')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25442 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing-2.png" alt="HubSpot Theme: Spacing" width="1022" height="736" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing-2.png 1022w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing-2-300x216.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing-2-768x553.png 768w" sizes="(max-width: 1022px) 100vw, 1022px" /></a></div>
<p><span style="font-weight: 400;">Spacing settings deal with the spacing on your website pages in terms of containers of the </span><b><i>content width, and horizontal &amp; vertical spacings of sections on mobile, tablets, and desktops.</i></b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25440 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing-1.png" alt="HubSpot Theme: Spacing" width="314" height="268" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing-1.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing-1-300x256.png 300w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
<p><span style="font-weight: 400;">You can adjust the maximum content width of your website page. All the changes you make here will reflect on your website pages.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-setting-11_wrap"><div class="documentor-section  section-4673" id="blog-setting-11" data-section-id="4673"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.10.</span>Blog Setting <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-setting-11')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Certain global settings on your blog page can change the user experience considerably. You can enable, disable, and edit the blog sidebar. </span></p>
<p><span style="font-weight: 400;">Cafe delight </span><b>sidebar</b><span style="font-weight: 400;"> widgets includes topics, subscription form  and popular posts. Enabling or disabling them is under your control.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-settings-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25443 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-settings-1.png" alt="HubSpot Theme: Blog settings" width="354" height="228" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-settings-1.png 354w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-settings-1-300x193.png 300w" sizes="(max-width: 354px) 100vw, 354px" /></a></div>
<p><span style="font-weight: 400;">The</span><b> blog post</b><span style="font-weight: 400;"> option is generally for changing settings on the blog page. You can change the blockquote border &amp; text color and enable or disable either of these anytime:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Author name</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Timestamp</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Tags</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Related posts</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Comment form </span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="system-page-settings-8_wrap"><div class="documentor-section  section-4674" id="system-page-settings-8" data-section-id="4674"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.11.</span> System Page Settings  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#system-page-settings-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">System pages are automatically displayed pages that carry out common tasks like event registration and login. By placing modules on the page or editing already-existing content, system pages can be made more unique.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/system-page-settings-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25446 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/system-page-settings-2.png" alt=" HubSpot Theme: System page settings" width="312" height="245" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/system-page-settings-2.png 312w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/system-page-settings-2-300x236.png 300w" sizes="(max-width: 312px) 100vw, 312px" /></a></div>
<p><span style="font-weight: 400;">From the theme settings, you can change the general look of the system pages. For example, for every system page present on your website you can </span><b><i>enable or disable its error image, remove or replace the same, edit alt text, and change the image loading style </i></b><i><span style="font-weight: 400;">from browser default, eager, or lazy. </span></i></p>
<p><b><i>Note: “</i></b><i>L</i><i><span style="font-weight: 400;">azy&#8221; loading defers loading this element until it&#8217;s visible on the page. This may help improve site performance. &#8220;Eager&#8221; loading loads the element right away. </span></i><b><i> </i></b><span style="font-weight: 400;"> </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="scroll-to-top-8_wrap"><div class="documentor-section  section-4675" id="scroll-to-top-8" data-section-id="4675"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.12.</span> Scroll to Top <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#scroll-to-top-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>The scroll-to-top feature allows users to easily and quickly get back to the top of the page by using a button.</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25448 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-3.png" alt="HubSpot Theme: Scroll to top" width="310" height="320" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-3.png 310w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-3-291x300.png 291w" sizes="(max-width: 310px) 100vw, 310px" /></a></div>
<p><span style="font-weight: 400;">You can enable or disable the scroll to the top button anytime. Besides you can set the icon color, icon background color, and adjust the icon corner radius of the scroll to top button.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="customizing-header-2_wrap"><div class="documentor-section  section-4676" id="customizing-header-2" data-section-id="4676"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.3.</span>Customizing Header  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#customizing-header-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">As you must have read above, theme settings have options to make changes in the header and header menu. However, there are certain modules that you can add and make navigation on your website easier via header.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25450 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-1-1.png" alt="HubSpot Theme: Customizing Header " width="349" height="309" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-1-1.png 349w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-1-1-300x266.png 300w" sizes="(max-width: 349px) 100vw, 349px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">From the </span><i><span style="font-weight: 400;">edit page menu &gt; go to content tab &gt; website header &gt; click on it &gt; select open in global content editor. </span></i></li>
</ul>
<p><span style="font-weight: 400;">All used global content modules will appear on this page. We have used, a </span><b><i>logo, menu, header toggler, and header controls </i></b><i><span style="font-weight: 400;">in our website pages template. </span></i><span style="font-weight: 400;">Simply select the global content module one by one and edit its settings accordingly.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25451 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-2-1.png" alt="HubSpot Theme: Customizing Header " width="355" height="493" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-2-1.png 355w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-2-1-216x300.png 216w" sizes="(max-width: 355px) 100vw, 355px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="customizing-footer-2_wrap"><div class="documentor-section  section-4677" id="customizing-footer-2" data-section-id="4677"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.4.</span>Customizing Footer <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#customizing-footer-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">A website footer is at the end of a landing page. It is also a global element that affects all the assets on different web pages when changes are applied to it. </span></p>
<p><span style="font-weight: 400;">To edit your website footer, navigate in the following way:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">edit page menu &gt; go to content tab &gt; website header &gt; click on it &gt; select open in global content editor. </span></i></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25452 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-1.png" alt="HubSpot Theme: Customizing Footer" width="334" height="672" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-1.png 334w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-footer-1-149x300.png 149w" sizes="(max-width: 334px) 100vw, 334px" /></a></div>
<p><span style="font-weight: 400;">All used global content modules will appear on this page. You can use</span><b><i> logo, social follow labels, social links, footer navigation, copyright, and scroll to top </i></b><i><span style="font-weight: 400;">on your website page template. </span></i><span style="font-weight: 400;">Simply select the global content module one by one and edit its settings accordingly. You can edit the styles of these modules too.   </span></p>
<p><b>Read More: </b><span style="font-weight: 400;">How to edit global modules?</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="modules-overview-2_wrap"><div class="documentor-section  section-4683" id="modules-overview-2" data-section-id="4683"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.</span>Modules Overview  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#modules-overview-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The Cafe Delightbeauty, spa, and cosmetic HubSpot theme has </span><b>34 </b><span style="font-weight: 400;">highly customizable drag-and-drop modules. You can experiment with any module the way you like. Each module has </span><b>styling options too. </b><span style="font-weight: 400;">Keep reading to find out about each module.</span></p>
<p style="text-align: left;"><b>Read more: </b><strong><a href="https://support.makewebbetter.com/hubspot-themes/what-are-hubspot-theme-modules-and-templates/">What are HubSpot modules &amp; templates?</a></strong></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="accordion-19_wrap"><div class="documentor-section  section-4684" id="accordion-19" data-section-id="4684"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.1.</span>Accordion   <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#accordion-19')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-5.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25578 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-5.png" alt="HubSpot Theme: Accordian" width="1230" height="588" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-5.png 1230w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-5-300x143.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-5-1024x490.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-5-768x367.png 768w" sizes="(max-width: 1230px) 100vw, 1230px" /></a></div>
<p>To show vast sections of text like displaying content in form of questions and answers, you can use the accordion module. You can edit the accordion module as you wish like modifying the heading &amp; background colors, borders and shadows, adjusting the height for different devices, etc.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="animated-image_wrap"><div class="documentor-section  section-4685" id="animated-image" data-section-id="4685"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.2.</span>Animated Image <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#animated-image')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images">
<p><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/animated-image.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25575 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/animated-image.png" alt="HubSpot Theme: Animated Image" width="567" height="608" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/animated-image.png 567w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/animated-image-280x300.png 280w" sizes="(max-width: 567px) 100vw, 567px" /></a></p>
</div>
<p>As the name suggests, this module lets you add an animated image to your website pages. You can replace or remove any image you like and further adjust its dimensions.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="banner-10_wrap"><div class="documentor-section  section-4686" id="banner-10" data-section-id="4686"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.3.</span>Banner <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#banner-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>The first thing that the users notice when they land on your website page. You can use it on your home page or about us page to inform visitors about your marketing or other services. You can select the layout you want from the different options available. Make the most of its style tab settings.</p>
<p><strong>    (a) Banner with Image</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-with-image-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25509 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-with-image-2.png" alt="HubSpot Theme: Banner with image" width="1765" height="425" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-with-image-2.png 1765w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-with-image-2-300x72.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-with-image-2-1024x247.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-with-image-2-768x185.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-with-image-2-1536x370.png 1536w" sizes="(max-width: 1765px) 100vw, 1765px" /></a></div>
<div>
<p><strong>(b) Background Image</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-Image-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25573 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-Image-1.png" alt=" HubSpot Theme: Background Image" width="1773" height="480" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-Image-1.png 1773w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-Image-1-300x81.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-Image-1-1024x277.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-Image-1-768x208.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-Image-1-1536x416.png 1536w" sizes="(max-width: 1773px) 100vw, 1773px" /></a></div>
<p><strong>(b) Background Color</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/background-color-banner-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25574 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/background-color-banner-1.png" alt=" HubSpot Theme: Background color banner" width="1241" height="326" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/background-color-banner-1.png 1241w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/background-color-banner-1-300x79.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/background-color-banner-1-1024x269.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/background-color-banner-1-768x202.png 768w" sizes="(max-width: 1241px) 100vw, 1241px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-listing-26_wrap"><div class="documentor-section  section-4687" id="blog-listing-26" data-section-id="4687"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.4.</span>Blog Listing <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-listing-26')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-listing-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25572 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-listing-1-1.png" alt="HubSpot Theme: blog listing " width="888" height="1112" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-listing-1-1.png 888w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-listing-1-1-240x300.png 240w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-listing-1-1-818x1024.png 818w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-listing-1-1-768x962.png 768w" sizes="(max-width: 888px) 100vw, 888px" /></a></div>
<p>Add blogs in listings with all other important details. You can display blogs on your website page with the blog listing module.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-related-post-5_wrap"><div class="documentor-section  section-4688" id="blog-related-post-5" data-section-id="4688"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.5.</span>Blog-Related Post <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-related-post-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25569 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post-3.png" alt="HubSpot Theme: Blog related post" width="1272" height="484" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post-3.png 1272w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post-3-300x114.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post-3-1024x390.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post-3-768x292.png 768w" sizes="(max-width: 1272px) 100vw, 1272px" /></a></div>
<p>You can add related posts to a current one by using blog related post module. It’s an easy way to take your visitors to different pages.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-subscribe-2_wrap"><div class="documentor-section  section-4689" id="blog-subscribe-2" data-section-id="4689"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.6.</span>Blog Subscribe <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-subscribe-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-subscribe-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25567 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-subscribe-1.png" alt="HubSpot Theme: Blog subscribe" width="975" height="303" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-subscribe-1.png 975w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-subscribe-1-300x93.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-subscribe-1-768x239.png 768w" sizes="(max-width: 975px) 100vw, 975px" /></a></div>
<p>You will find this module on the blog listing page. It helps you to improve your subscriber list. The users can enter their emails and subscribe to your website blogs.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="booking-2_wrap"><div class="documentor-section  section-4690" id="booking-2" data-section-id="4690"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.7.</span>Booking <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#booking-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/booking-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25580 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/booking-1.png" alt="HubSpot Theme: Booking " width="451" height="675" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/booking-1.png 451w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/booking-1-200x300.png 200w" sizes="(max-width: 451px) 100vw, 451px" /></a></div>
<p>The booking module is a must-have cafe &amp; bistro module to improve your performance. It displays a calendar that can be set as per your client’s and your availability. The booking module allows users to check the day and date and make reservations for their services. This can be a great option if your cafe is busy point.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="customizable-button-9_wrap"><div class="documentor-section  section-4691" id="customizable-button-9" data-section-id="4691"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.8.</span>Customizable Button <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#customizable-button-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>For accomplishing an action on your cafe landing pages, home pages, or even blogs you can use the button module. It’s up to you to change it’s layout, text, button color, etc. it has three layouts:</p>
<p><strong>    (a) Filled Dark</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Filled-dark-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25563 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Filled-dark-2.png" alt="HubSpot Theme: Filled dark" width="395" height="76" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Filled-dark-2.png 395w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Filled-dark-2-300x58.png 300w" sizes="(max-width: 395px) 100vw, 395px" /></a></div>
<p><strong>    (b) Filled Light</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/filled-light.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25564 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/filled-light.png" alt="HubSpot Theme: Filled light" width="330" height="78" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/filled-light.png 330w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/filled-light-300x71.png 300w" sizes="(max-width: 330px) 100vw, 330px" /></a></div>
<p><strong>    (c) Outlined Light</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/outlined-light-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25565 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/outlined-light-1-1.png" alt="HubSpot Theme: Outlined light" width="399" height="70" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/outlined-light-1-1.png 399w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/outlined-light-1-1-300x53.png 300w" sizes="(max-width: 399px) 100vw, 399px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="copyright-11_wrap"><div class="documentor-section  section-4693" id="copyright-11" data-section-id="4693"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.9.</span>Copyright <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#copyright-11')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright-5.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25560 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright-5.png" alt="HubSpot Theme: Copyright" width="1700" height="106" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright-5.png 1700w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright-5-300x19.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright-5-1024x64.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright-5-768x48.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright-5-1536x96.png 1536w" sizes="(max-width: 1700px) 100vw, 1700px" /></a></div>
<p>Copyright module is added on the footer where you can display copyright text.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="countdown-3_wrap"><div class="documentor-section  section-4694" id="countdown-3" data-section-id="4694"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.10.</span>Countdown <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#countdown-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/countdown-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25558 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/countdown-1.png" alt="HubSpot Theme: Countdown" width="974" height="189" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/countdown-1.png 974w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/countdown-1-300x58.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/countdown-1-768x149.png 768w" sizes="(max-width: 974px) 100vw, 974px" /></a></div>
<p>Countdown module allows you to induce urgency by adding a timer. It could be for a You can make all necessary changes in it. This is excellent for making a &#8220;coming soon&#8221; page to generate interest in a new good or service.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="counter-12_wrap"><div class="documentor-section  section-4695" id="counter-12" data-section-id="4695"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.11.</span>Counter <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#counter-12')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/resources.pak_.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25556 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/resources.pak_.png" alt="HubSpot Theme: Counter" width="1143" height="257" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/resources.pak_.png 1143w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/resources.pak_-300x67.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/resources.pak_-1024x230.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/resources.pak_-768x173.png 768w" sizes="(max-width: 1143px) 100vw, 1143px" /></a></div>
<p><span style="font-weight: 400;">The counter module is for displaying numbers on your website. It could be anything like the number of reviews &amp; ratings you’ve received, events you’ve organized, or branches you have.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-image-10_wrap"><div class="documentor-section  section-4696" id="custom-image-10" data-section-id="4696"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.12.</span>Custom Image  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-image-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/custom-image-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25510 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/custom-image-4.png" alt="HubSpot Theme: Custom Image" width="670" height="646" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/custom-image-4.png 670w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/custom-image-4-300x289.png 300w" sizes="(max-width: 670px) 100vw, 670px" /></a></div>
<p><span style="font-weight: 400;">This module allows adding a custom image to your website pages. You can replace or remove it anytime along with adjusting its dimensions.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-form-12_wrap"><div class="documentor-section  section-4697" id="custom-form-12" data-section-id="4697"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.13.</span>Custom Form <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-form-12')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Customer data is really important for your sales and marketing teams. So, use it wisely. The form module adds a form to your landing page. You can add or remove fields and customize it according to your needs. Some form examples are, contact us form, newsletter subscription, etc.</span></p>
<p><span style="font-weight: 400;">There are </span><b>three layouts in the custom form:</b></p>
<p><strong>    (a) Multiple Layout Form<br />
</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-field-form-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25555 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-field-form-1.png" alt="HubSpot Theme: Multiple field form" width="585" height="577" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-field-form-1.png 585w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-field-form-1-300x296.png 300w" sizes="(max-width: 585px) 100vw, 585px" /></a></div>
<p><strong>    (b) Single Field Form (Side Button)</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-side-button-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25554 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-side-button-1.png" alt="HubSpot Theme: Single field form side button" width="1131" height="203" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-side-button-1.png 1131w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-side-button-1-300x54.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-side-button-1-1024x184.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-side-button-1-768x138.png 768w" sizes="(max-width: 1131px) 100vw, 1131px" /></a></div>
<p><strong>   (c) Single Field Form (Button at Bottom)</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-button-at-bottom-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25553 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-button-at-bottom-2.png" alt="HubSpot Theme: Single field form button at bottom" width="1158" height="307" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-button-at-bottom-2.png 1158w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-button-at-bottom-2-300x80.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-button-at-bottom-2-1024x271.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-button-at-bottom-2-768x204.png 768w" sizes="(max-width: 1158px) 100vw, 1158px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="filter-slider_wrap"><div class="documentor-section  section-4698" id="filter-slider" data-section-id="4698"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.14.</span>Filter Slider <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#filter-slider')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/filter-slider.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25551 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/filter-slider.png" alt="HubSpot Theme: Filter slider" width="1112" height="551" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/filter-slider.png 1112w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/filter-slider-300x149.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/filter-slider-1024x507.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/filter-slider-768x381.png 768w" sizes="(max-width: 1112px) 100vw, 1112px" /></a></div>
<p>The filter slider module allows you to add tabs with images and content. The user can click the slider button to view more tabs.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="footer-navigation-5_wrap"><div class="documentor-section  section-4699" id="footer-navigation-5" data-section-id="4699"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.15.</span>Footer Navigation <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#footer-navigation-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer-navigation.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25549 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer-navigation.png" alt=" HubSpot Theme: Footer navigation" width="658" height="174" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer-navigation.png 658w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer-navigation-300x79.png 300w" sizes="(max-width: 658px) 100vw, 658px" /></a></div>
<p>The footer nav module shows at the bottom a few quick links that you want to show on your website, blog, or landing page. The footer navigation module is only for the footer menu.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="gallery-grid-2_wrap"><div class="documentor-section  section-4700" id="gallery-grid-2" data-section-id="4700"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.16.</span>Gallery Grid <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#gallery-grid-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/gallery-grid-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25547 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/gallery-grid-1.png" alt="HubSpot Theme: Gallery grid" width="1111" height="677" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/gallery-grid-1.png 1111w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/gallery-grid-1-300x183.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/gallery-grid-1-1024x624.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/gallery-grid-1-768x468.png 768w" sizes="(max-width: 1111px) 100vw, 1111px" /></a></div>
<p><span style="font-weight: 400;">A gallery grid module allows you to display high-quality images on your landing pages in the form of a grid. This way visitors can see all images in a grid. You can edit the borders, replace or remove images, etc. according to your requirements. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-control-2_wrap"><div class="documentor-section  section-4701" id="header-control-2" data-section-id="4701"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.17.</span>Header Control    <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-control-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>A header control module allows the user to add a search, language switcher, and button on the website header.</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-controls-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25514 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-controls-3.png" alt="HubSpot Theme: Header controls" width="598" height="102" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-controls-3.png 598w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-controls-3-300x51.png 300w" sizes="(max-width: 598px) 100vw, 598px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-toggler-13_wrap"><div class="documentor-section  section-4702" id="header-toggler-13" data-section-id="4702"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.18.</span> Header Toggler <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-toggler-13')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-toggler-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25582 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-toggler-1.png" alt=" HubSpot Theme: Header toggler" width="555" height="98" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-toggler-1.png 555w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-toggler-1-300x53.png 300w" sizes="(max-width: 555px) 100vw, 555px" /></a></div>
<p>Drag and drop the header above the menu component for best results. You can select an icon or image for the toggle open and close option.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="icon-box-18_wrap"><div class="documentor-section  section-4704" id="icon-box-18" data-section-id="4704"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.19.</span> Icon Box <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#icon-box-18')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>Add multiple icons and their descriptions on landing pages. The icon box module provides an area where you can display several cards. Each of these cards has a symbol, and you can choose how many cards to show in each column. The icon box module has two layouts.</p>
<p><strong>    (a) Card Layout (four columns with content)</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-card-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25584 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-card-1.png" alt="HubSpot Theme: Icon box card" width="1151" height="307" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-card-1.png 1151w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-card-1-300x80.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-card-1-1024x273.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-card-1-768x205.png 768w" sizes="(max-width: 1151px) 100vw, 1151px" /></a></div>
<ul>
<li><i><i><span style="font-weight: 400;">Three columns card layout without content<br />
</span></i></i></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/3-columns-Icon-box-card.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25585 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/3-columns-Icon-box-card.png" alt="HubSpot Theme: olumns Icon box card" width="1065" height="593" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/3-columns-Icon-box-card.png 1065w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/3-columns-Icon-box-card-300x167.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/3-columns-Icon-box-card-1024x570.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/3-columns-Icon-box-card-768x428.png 768w" sizes="(max-width: 1065px) 100vw, 1065px" /></a></div>
</li>
</ul>
<p><strong>    (b) Compact Layout</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-compact-layoit.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25588 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-compact-layoit.png" alt="HubSpot Theme: icon box compact layout" width="1647" height="140" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-compact-layoit.png 1647w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-compact-layoit-300x26.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-compact-layoit-1024x87.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-compact-layoit-768x65.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-compact-layoit-1536x131.png 1536w" sizes="(max-width: 1647px) 100vw, 1647px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="information_wrap"><div class="documentor-section  section-4705" id="information" data-section-id="4705"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.20.</span>Information <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#information')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Information.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25519 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Information.png" alt="HubSpot Theme: Information" width="1201" height="652" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Information.png 1201w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Information-300x163.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Information-1024x556.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Information-768x417.png 768w" sizes="(max-width: 1201px) 100vw, 1201px" /></a></div>
<p><span style="font-weight: 400;">The information module is for displaying your cafe details. You can show the most important details like your opening hours, lined up events, contacting information, or social media handles using the information module. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="logo-16_wrap"><div class="documentor-section  section-4706" id="logo-16" data-section-id="4706"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.21.</span>Logo <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#logo-16')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Logo-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25522 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Logo-3.png" alt="HubSpot Theme: Logo" width="504" height="195" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Logo-3.png 504w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Logo-3-300x116.png 300w" sizes="(max-width: 504px) 100vw, 504px" /></a></div>
<p><span style="font-weight: 400;">A logo is a cruical aspect of your business branding. Great brands like Starbucks have an easily recognizable logo. Add your custom logo with a logo module anywhere on your website pages.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="map-17_wrap"><div class="documentor-section  section-4707" id="map-17" data-section-id="4707"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.22.</span>Map <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#map-17')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>The map module will add a virtual map to your website. As a cafe, bakery, or bistro, you can definitely add this module. It will help visitors to reach you without any hassle. Just add your location using Google maps. There are three map modules:</p>
<p><strong>    (a) Single Location</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-location-map.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25525 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-location-map.png" alt="HubSpot Theme: single location map" width="1534" height="561" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-location-map.png 1534w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-location-map-300x110.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-location-map-1024x374.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-location-map-768x281.png 768w" sizes="(max-width: 1534px) 100vw, 1534px" /></a></div>
<p><strong>    (b) Iframe</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/iframe-map.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25526 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/iframe-map.png" alt="HubSpot Theme: iframe map" width="1538" height="544" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/iframe-map.png 1538w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/iframe-map-300x106.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/iframe-map-1024x362.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/iframe-map-768x272.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/iframe-map-1536x543.png 1536w" sizes="(max-width: 1538px) 100vw, 1538px" /></a></div>
<p><strong>    (c) Multiple Locations</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-location-map.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25527 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-location-map.png" alt="HubSpot Theme" width="1182" height="403" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-location-map.png 1182w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-location-map-300x102.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-location-map-1024x349.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-location-map-768x262.png 768w" sizes="(max-width: 1182px) 100vw, 1182px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="partner-3_wrap"><div class="documentor-section  section-4708" id="partner-3" data-section-id="4708"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.23.</span>Partner <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#partner-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/partners-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25529 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/partners-1.png" alt=" HubSpot Theme: Partners" width="1716" height="193" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/partners-1.png 1716w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/partners-1-300x34.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/partners-1-1024x115.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/partners-1-768x86.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/partners-1-1536x173.png 1536w" sizes="(max-width: 1716px) 100vw, 1716px" /></a></div>
<p><span style="font-weight: 400;">Use the Partner module to display your partners, sponsors, etc on your landing page. You can set images, image sizes, links, etc for each partner you display. It could be any local brand you take your fresh ingredients from or a brand that helps you assist events.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="pricing-card-9_wrap"><div class="documentor-section  section-4709" id="pricing-card-9" data-section-id="4709"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.24.</span>Pricing Card <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#pricing-card-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-card.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25589 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-card.png" alt="HubSpot Theme: Pricing Card" width="615" height="488" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-card.png 615w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-card-300x238.png 300w" sizes="(max-width: 615px) 100vw, 615px" /></a></div>
<p>Pricing cards allow adding your dishes along with their prices. Just like you have a menu for your physical stores, you can use the pricing card for adding a digital menu to your website pages. People can check your bakery &amp; drinks menu before coming!</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25532 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-1.png" alt="HUbSpot Theme: Pricing Card " width="1363" height="676" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-1.png 1363w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-1-300x149.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-1-1024x508.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-1-768x381.png 768w" sizes="(max-width: 1363px) 100vw, 1363px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="review-4_wrap"><div class="documentor-section  section-4710" id="review-4" data-section-id="4710"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.25.</span>Review <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#review-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/review-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25533 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/review-1.png" alt="HubSpot Theme: Review" width="1085" height="478" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/review-1.png 1085w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/review-1-300x132.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/review-1-1024x451.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/review-1-768x338.png 768w" sizes="(max-width: 1085px) 100vw, 1085px" /></a></div>
<p><span style="font-weight: 400;">Review module allows adding testimonials on your landing pages along with customer image. You can add an image and edit styles too.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="social-follow-17_wrap"><div class="documentor-section  section-4711" id="social-follow-17" data-section-id="4711"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.26.</span> Social Follow  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#social-follow-17')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/social-follow-7.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25535 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/social-follow-7.png" alt="HubSpot Theme: Social Follow" width="495" height="120" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/social-follow-7.png 495w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/social-follow-7-300x73.png 300w" sizes="(max-width: 495px) 100vw, 495px" /></a></div>
<p><span style="font-weight: 400;">Everybody is on social media these days. In fact, as a cafe owner, you must be active on all social media platforms. Sign up on the most popular ones and you can add social icons on your landing pages. In this way, your visitors can tag and follow you on every platform.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="spacer-19_wrap"><div class="documentor-section  section-4712" id="spacer-19" data-section-id="4712"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.27.</span>Spacer <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#spacer-19')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacer-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25590 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacer-3.png" alt="HubSpot Theme: Spacer" width="1038" height="709" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacer-3.png 1038w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacer-3-300x205.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacer-3-1024x699.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacer-3-768x525.png 768w" sizes="(max-width: 1038px) 100vw, 1038px" /></a></div>
<p>The spacer module does not have any editable option. Spacer allows adjusting spacing on the desktop, mobile, and tablet height and background color. With the spacer module, you can add vertical spaces between sections and modules as and when required.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="testimonial-13_wrap"><div class="documentor-section  section-4713" id="testimonial-13" data-section-id="4713"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.28.</span>Testimonial  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#testimonial-13')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/testimonials.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25537 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/testimonials.png" alt=" HubSpot Theme: Testimonials" width="623" height="489" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/testimonials.png 623w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/testimonials-300x235.png 300w" sizes="(max-width: 623px) 100vw, 623px" /></a></div>
<p><span style="font-weight: 400;">Customer reviews are a trust symbol for businesses. Additionally, it makes people want to visit your restaurant, bistro, bakery, or cafe too. The testimonial module allows adding quotes form superfan customers, influencers, or food bloggers. You can enable or disable autoplay too. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="team-grid-2_wrap"><div class="documentor-section  section-4714" id="team-grid-2" data-section-id="4714"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.29.</span>Team Grid <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#team-grid-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-grid-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25539 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-grid-1.png" alt="HubSpot Theme: Team Grid" width="1242" height="960" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-grid-1.png 1242w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-grid-1-300x232.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-grid-1-1024x791.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-grid-1-768x594.png 768w" sizes="(max-width: 1242px) 100vw, 1242px" /></a></div>
<p><span style="font-weight: 400;">People like knowing who is behind those tasty dishes and great customer service. For that, you can use the team grid module to display the images of your team members in the form of a grid.  </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="team-slider-2_wrap"><div class="documentor-section  section-4715" id="team-slider-2" data-section-id="4715"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.30.</span>Team Slider <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#team-slider-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-slider-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25541 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-slider-1.png" alt="HubSpot Theme: Team slider" width="1338" height="577" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-slider-1.png 1338w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-slider-1-300x129.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-slider-1-1024x442.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-slider-1-768x331.png 768w" sizes="(max-width: 1338px) 100vw, 1338px" /></a></div>
<p><span style="font-weight: 400;">Similar to the team grid, you can also display the team members in the form of a slider.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="title-content-16_wrap"><div class="documentor-section  section-4716" id="title-content-16" data-section-id="4716"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.31.</span>Title Content <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#title-content-16')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/title-content-5.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25592 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/title-content-5.png" alt="HubSpot Theme: Title Content" width="555" height="439" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/title-content-5.png 555w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/title-content-5-300x237.png 300w" sizes="(max-width: 555px) 100vw, 555px" /></a></div>
<p>As the name makes it clear, the title content module is your aid to add content on your landing pages. You can also add subheadings, mini titles, and CTA buttons.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="video-3_wrap"><div class="documentor-section  section-4717" id="video-3" data-section-id="4717"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.32.</span> Video <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#video-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/video.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25543 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/video.png" alt=" HubSpot Theme: Video" width="817" height="521" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/video.png 817w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-300x191.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-768x490.png 768w" sizes="(max-width: 817px) 100vw, 817px" /></a></div>
<p><span style="font-weight: 400;">If there is anything better than images, I’d say it will be a video! If you’re looking to fit a behind the scene video of your cafe and bistro, the video popup module is your way to go. You can embed a video code and show it on any of your website landing pages. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="video-gallery-2_wrap"><div class="documentor-section  section-4718" id="video-gallery-2" data-section-id="4718"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.33.</span>Video Gallery <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#video-gallery-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25545 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-1.png" alt=" HubSpot Theme: Video gallery" width="1218" height="640" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-1.png 1218w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-1-300x158.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-1-1024x538.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-1-768x404.png 768w" sizes="(max-width: 1218px) 100vw, 1218px" /></a></div>
<p><span style="font-weight: 400;">Just as you have an image gallery, the video gallery allows you to add multiple videos on your website pages in the form of a gallery. It could be any fashion or event series you shot at your studio or simple customer video testimonials. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="website-landing-page-templates-2_wrap"><div class="documentor-section  section-4678" id="website-landing-page-templates-2" data-section-id="4678"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.6.</span>Website & Landing Page Templates <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#website-landing-page-templates-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The Cafe Delight theme has </span><b>16 website</b><span style="font-weight: 400;"> templates. These templates are good to go for your cafe, bistro or bar. </span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Homepage-Cafe</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Homepage-Bakery</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Homepage-Food Delivery</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">About Us- Individual</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">About Us- Company</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Services</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Contact</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Blog Listing</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Blog Detail</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Our Chef</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Gallery</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Book Table</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Book Order</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Thank you version 1</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Thank you version 2</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Coming Soon</span></li>
</ol>
<p><b>Read More:</b> <strong><a href="https://makewebbetter.com/blog/customize-hubspot-templates/">Easiest Ways To Customize HubSpot Templates</a></strong></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="reusable-sections-2_wrap"><div class="documentor-section  section-4679" id="reusable-sections-2" data-section-id="4679"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.7.</span> Reusable Sections <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#reusable-sections-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">There are 6 reusable sections in Cafe Delight theme.    </span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Counter</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Get In Touch</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Column With Content And Image</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Column With Content And Video</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Contact Us</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Column With Pricing</span></li>
</ol>
<p><span style="font-weight: 400;"><b>Read More:</b><strong><a href="https://support.makewebbetter.com/hubspot-themes/how-to-work-with-hubspot-cms-reusable-sections/"> How to use reusable sections?</a></strong></span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="applying-blog-pages_wrap"><div class="documentor-section  section-4680" id="applying-blog-pages" data-section-id="4680"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.8.</span> Applying Blog Pages <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#applying-blog-pages')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Blogs are a great way to interact with users and deliver information on various topics. The premium blog templates from the Cafe Delight HubSpot CMS theme are highly editable to your needs. There are two blog templates available:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Blog Listing</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Blog Detail </span></li>
</ul>
<p><span style="font-weight: 400;">To edit the blog listings template, you can follow this path: </span></p>
<p><i><span style="font-weight: 400;">Go to marketing &gt; blog &gt; blog listing pages. </span></i><span style="font-weight: 400;">When you hover over the listing page, you will see three options. </span><b><i>Edit, View &amp; Detail. </i></b><span style="font-weight: 400;">If you click the edit option, you will be able to check &amp; edit the </span><b>blog listing module.</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/editing-blog-page.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25459 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/editing-blog-page.png" alt=" HubSpot Theme: Editing blog page" width="1307" height="376" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/editing-blog-page.png 1307w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/editing-blog-page-300x86.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/editing-blog-page-1024x295.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/editing-blog-page-768x221.png 768w" sizes="(max-width: 1307px) 100vw, 1307px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="applying-system-pages_wrap"><div class="documentor-section  section-4681" id="applying-system-pages" data-section-id="4681"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.9.</span>Applying System Pages <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#applying-system-pages')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The general system page settings have been discussed above under the edit theme settings option. For applying Cafe Delight system pages,</span></p>
<p><span style="font-weight: 400;">Go to </span><i><span style="font-weight: 400;">settings &gt; website dropdown (lower left corner of screen) &gt; pages &gt; system pages (from top tabs) &gt; select the system page from drop down for different error pages, etc.</span></i></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Applying-System-Pages.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25462 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Applying-System-Pages.png" alt="HubSpot Theme: Applying System Pages" width="838" height="718" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Applying-System-Pages.png 838w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Applying-System-Pages-300x257.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Applying-System-Pages-768x658.png 768w" sizes="(max-width: 838px) 100vw, 838px" /></a></div>
<p><span style="font-weight: 400;">The Cafe DelightHubSpot CMS theme has the following system pages:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Error 404</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Error 500</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Subscription Confirmation</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Search Results</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Backup Unsubscribe</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Membership Login</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Password Prompt</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Subscription Preferences’</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Membership Reset Password</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Membership Reset Password Request</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Membership Register  </span></li>
</ul>
<p><i></i><b>Read More: </b><span style="font-weight: 400;">How to change system templates?</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="theme-support-2_wrap"><div class="documentor-section  section-4682" id="theme-support-2" data-section-id="4682"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.10.</span>Theme Support  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#theme-support-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Cafe Delight is a premium HubSpot theme catering to your HubSpot CMS needs for your cafe, bakery, bistro &amp; food delivery eCommerce efforts or food product service website. We keep bringing regular updates in our preium HubSpot theme and ever ready for your support &amp; queries. </span></p>
<p><span style="font-weight: 400;">In case, you have any queries regarding </span><b>theme customization or consultation </b><span style="font-weight: 400;">contact us on this page by <a href="https://makewebbetter.com/hubspot-themes/">filling out a form</a></span><span style="font-weight: 400;"><b>.</b></span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--></div><!--.doc-sec-container--><div id="sugestedit_popup350" class="sugestedit_popup">
				<a class="modal_close"></a>
				<form name="documentor-suggestform" method="post" class="documentor-suggestform">
					<div class="doc-frmdiv" style="font-weight: bold;">Suggest Edit
					</div>
					<div class="doc-frmdiv">
						<input type="text" name="sec_title" class="sedit-sectitle txtinput" value="" />
					</div><div class="doc-frmdiv">
							<input type="text" name="name" class="txtinput" placeholder="Name" required />
						</div><div class="doc-frmdiv">
							<input type="email" class="emailinput" placeholder="Email" name="email" required /> 
						</div><div class="doc-frmdiv">
							<textarea name="content" class="textareainput" placeholder="Post your suggestion..." required></textarea>
						</div><div class="doc-frmdiv"><label> Captcha :&nbsp; </label><span class="doc-sedit-captcha"></span></div><input type="hidden" class="sedit-secid" name="secid" value="" />
					<input type="hidden" class="sedit-postid" name="sedit_postid" value="" />
					<input type="hidden" class="sedit-docid" name="docid" value="350" />
					<button class="docsubmit-suggestform"> Submit </button>
				</form>
			</div><script type="text/javascript">
			jQuery(document).ready(function(){
				jQuery("#documentor-350").documentor({
					documentid	: 350,
					docid		: "documentor-350",
					animation	: "",
					indexformat	: "1",
					pformat		: "decimal",
					cformat		: "decimal",					
					secstyle	: "clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;",
					actnavbg_default: "1",
					actnavbg_color	: "#000000",
					enable_ajax	: "0",
					scrolling	: "1",
					fixmenu		: "1",
					skin		: "mint",
					scrollBarSize	: "3",
					scrollBarColor	: "#326693",
					scrollBarOpacity: "0.4",
					windowprint	: "0",
					menuTop: "20",
					socialshare	: 0,
					sharecount	: 1,
					fbshare		: 1,
					twittershare	: 1,
					gplusshare	: 1,
					pinshare	: 1,
					togglechild	: 0,
					noResultsStr: "No results found!",
				});	
			});</script></div><!--/.document-wrapper--></div><div class="cleardiv"> </div><div id="documentor-350-end"></div></p>
<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/cafe-delight-hubspot-theme/">Cafe Delight HubSpot Theme</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://docs.makewebbetter.com/cafe-delight-hubspot-theme/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Glambiz HubSpot Theme</title>
		<link>https://docs.makewebbetter.com/glambiz-hubspot-theme/</link>
					<comments>https://docs.makewebbetter.com/glambiz-hubspot-theme/#respond</comments>
		
		<dc:creator><![CDATA[sanjeev maurya]]></dc:creator>
		<pubDate>Wed, 12 Oct 2022 11:09:51 +0000</pubDate>
				<category><![CDATA[HubSpot Themes]]></category>
		<category><![CDATA[hubspot templates]]></category>
		<category><![CDATA[hubspot themes]]></category>
		<category><![CDATA[responsive templates]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[theme for hubspot]]></category>
		<category><![CDATA[themes]]></category>
		<guid isPermaLink="false">https://docs.makewebbetter.com/?p=25017</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/glambiz-hubspot-theme/">Glambiz HubSpot Theme</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></description>
										<content:encoded><![CDATA[</p>
<p><div id="documentor-347" class="documentor-mint documentor-wrap" data-docid = "347" ><div class="documentor-topicons doc-noprint"><span class="doc-topiconswrap"></span><div class="cleardiv"></div><div class="clrright"></div></div><div class="document-wrapper"><div class="doc-menu doc-noprint"><div class="doc-menurelated"><ol class="doc-list-front"><li class="doc-actli"><a class="documentor-menu" href="#overview-299"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#overview-299" data-sec-counter="1" data-section-id="4566">Overview</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#getting-started-11"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#getting-started-11" data-sec-counter="1.1" data-section-id="4565">Getting Started</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#purchase-hubspot-theme"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#purchase-hubspot-theme" data-sec-counter="1.1.1" data-section-id="4567">Purchase HubSpot Theme</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#install-theme"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#install-theme" data-sec-counter="1.1.2" data-section-id="4568">Install Theme</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#create-a-child-theme"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#create-a-child-theme" data-sec-counter="1.1.3" data-section-id="4569">Create a child Theme</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#steps-to-create-a-child-theme"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#steps-to-create-a-child-theme" data-sec-counter="1.1.3.1" data-section-id="4570"> Steps To Create a Child Theme</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#theme-settings"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#theme-settings" data-sec-counter="1.1.2" data-section-id="4572">Theme Settings</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#access-theme-settings"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#access-theme-settings" data-sec-counter="1.1.2.1" data-section-id="4573">Access Theme Settings</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#colors"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#colors" data-sec-counter="1.1.2.1.1" data-section-id="4574">Colors</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#font"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#font" data-sec-counter="1.1.2.1.2" data-section-id="4575">Font </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#typography-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#typography-9" data-sec-counter="1.1.2.1.3" data-section-id="4576">Typography</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#buttons-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#buttons-10" data-sec-counter="1.1.2.1.4" data-section-id="4577">Buttons</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#tables-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#tables-10" data-sec-counter="1.1.2.1.5" data-section-id="4578">Tables </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#forms-13"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#forms-13" data-sec-counter="1.1.2.1.6" data-section-id="4579">Forms</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#spacing-11"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#spacing-11" data-sec-counter="1.1.2.1.7" data-section-id="4580">Spacing </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-settings-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-settings-9" data-sec-counter="1.1.2.1.8" data-section-id="4581">Blog Settings</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#website-header-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#website-header-6" data-sec-counter="1.1.2.1.9" data-section-id="4582">Website Header</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#website-footer-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#website-footer-6" data-sec-counter="1.1.2.1.10" data-section-id="4583">Website Footer</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#system-page-settings-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#system-page-settings-7" data-sec-counter="1.1.2.1.11" data-section-id="4584">System Page Settings</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#scroll-to-top-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#scroll-to-top-6" data-sec-counter="1.1.2.1.12" data-section-id="4585">Scroll To Top</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#animation"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#animation" data-sec-counter="1.1.2.1.13" data-section-id="4586">Animation</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#customizing-header"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#customizing-header" data-sec-counter="1.1.2.3" data-section-id="4587">Customizing Header</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#customizing-footer"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#customizing-footer" data-sec-counter="1.1.2.4" data-section-id="4588">Customizing Footer</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#modules-overview"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#modules-overview" data-sec-counter="1.1.2.5" data-section-id="4589">Modules Overview</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#accordion-18"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#accordion-18" data-sec-counter="1.1.2.5.1" data-section-id="4595">Accordion</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#accordian-slider"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#accordian-slider" data-sec-counter="1.1.2.5.2" data-section-id="4596">Accordian Slider</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#banner-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#banner-9" data-sec-counter="1.1.2.5.3" data-section-id="4597">Banner</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#banner-slider-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#banner-slider-2" data-sec-counter="1.1.2.5.4" data-section-id="4598">Banner Slider</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-grid-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-grid-3" data-sec-counter="1.1.2.5.5" data-section-id="4599">Blog Grid</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-listing-25"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-listing-25" data-sec-counter="1.1.2.5.6" data-section-id="4600">Blog Listing</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-masonry"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-masonry" data-sec-counter="1.1.2.5.7" data-section-id="4739">Blog Masonry</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-related-post-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-related-post-4" data-sec-counter="1.1.2.5.8" data-section-id="4601">Blog Related Post</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-subscribe"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-subscribe" data-sec-counter="1.1.2.5.9" data-section-id="4602">Blog Subscribe</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#booking"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#booking" data-sec-counter="1.1.2.5.10" data-section-id="4603">Booking </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#button-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#button-8" data-sec-counter="1.1.2.5.11" data-section-id="4604">Button</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#card-12"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#card-12" data-sec-counter="1.1.2.5.12" data-section-id="4605">Card</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#copyright-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#copyright-10" data-sec-counter="1.1.2.5.13" data-section-id="4606">Copyright</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#countdown-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#countdown-2" data-sec-counter="1.1.2.5.14" data-section-id="4607">Countdown</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#cover-card"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#cover-card" data-sec-counter="1.1.2.5.15" data-section-id="4608">Cover Card</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#events-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#events-3" data-sec-counter="1.1.2.5.16" data-section-id="4609">Events</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#footer-nav-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#footer-nav-8" data-sec-counter="1.1.2.5.17" data-section-id="4610">Footer Nav</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#form-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#form-7" data-sec-counter="1.1.2.5.18" data-section-id="4611">Form</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#gallery-grid"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#gallery-grid" data-sec-counter="1.1.2.5.19" data-section-id="4612">Gallery Grid</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#gallery-slider"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#gallery-slider" data-sec-counter="1.1.2.5.20" data-section-id="4613">Gallery Slider</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-control"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-control" data-sec-counter="1.1.2.5.21" data-section-id="4614">Header Control</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-toggler-12"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-toggler-12" data-sec-counter="1.1.2.5.22" data-section-id="4615">Header Toggler</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#icon-box-17"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#icon-box-17" data-sec-counter="1.1.2.5.23" data-section-id="4616">Icon Box</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-image-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-image-9" data-sec-counter="1.1.2.5.24" data-section-id="4617">Custom Image</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#listing"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#listing" data-sec-counter="1.1.2.5.25" data-section-id="4618">Product Listing</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#list"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#list" data-sec-counter="1.1.2.5.26" data-section-id="4740">List</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#logo-15"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#logo-15" data-sec-counter="1.1.2.5.27" data-section-id="4619">Logo</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#map-16"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#map-16" data-sec-counter="1.1.2.5.28" data-section-id="4620">Map</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#menu-16"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#menu-16" data-sec-counter="1.1.2.5.29" data-section-id="4621">Menu</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#partners-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#partners-3" data-sec-counter="1.1.2.5.30" data-section-id="4622">Partners</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#pricing-card-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#pricing-card-8" data-sec-counter="1.1.2.5.31" data-section-id="4630">Pricing Card</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#product-showcase"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#product-showcase" data-sec-counter="1.1.2.5.32" data-section-id="4631">Product Showcase</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#social-follow-16"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#social-follow-16" data-sec-counter="1.1.2.5.33" data-section-id="4632">Social Follow</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#scroll-to-top-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#scroll-to-top-7" data-sec-counter="1.1.2.5.34" data-section-id="4633">Scroll To Top</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#spacer-18"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#spacer-18" data-sec-counter="1.1.2.5.35" data-section-id="4634">Spacer</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#team-grid"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#team-grid" data-sec-counter="1.1.2.5.36" data-section-id="4635">Team Grid</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#team-slider"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#team-slider" data-sec-counter="1.1.2.5.37" data-section-id="4636">Team Slider</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#quote"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#quote" data-sec-counter="1.1.2.5.38" data-section-id="4637">Quote </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#review-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#review-3" data-sec-counter="1.1.2.5.39" data-section-id="4638">Review</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#timeline"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#timeline" data-sec-counter="1.1.2.5.40" data-section-id="4639">Timeline</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#title-content-15"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#title-content-15" data-sec-counter="1.1.2.5.41" data-section-id="4640">Title Content</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#video-popup-14"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#video-popup-14" data-sec-counter="1.1.2.5.42" data-section-id="4641">Video Popup</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#video-gallery"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#video-gallery" data-sec-counter="1.1.2.5.43" data-section-id="4642">Video Gallery</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#website-landing-page-templates"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#website-landing-page-templates" data-sec-counter="2" data-section-id="4590">Website & Landing Page Templates</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#reusable-sections"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#reusable-sections" data-sec-counter="3" data-section-id="4591"> Reusable Sections</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#editing-blog-pages-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#editing-blog-pages-3" data-sec-counter="4" data-section-id="4592">Editing Blog Pages</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#editing-system-pages"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#editing-system-pages" data-sec-counter="5" data-section-id="4593">Editing System Pages</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#theme-support"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#theme-support" data-sec-counter="6" data-section-id="4594">Theme Support </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></div></div><div class="doc-sec-container" id="documentor_seccontainer"><div class="doc-sectionwrap" id="overview-299_wrap"><div class="documentor-section  section-4566" id="overview-299" data-section-id="4566"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.</span>Overview <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#overview-299')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Glambiz is a HubSpot CMS-compatible premium theme that’s curated for beauty salons, nail designing, hair &amp; spa parlor, luxury body &amp; skincare treatments, makeup studios, hair styling, wellness massages &amp; services, or eCommerce businesses selling cosmetics, beauty or other related products!</span></p>
<p><span style="font-weight: 400;">This beauty theme has the following features that will help you create the perfect HubSpot CMS website for your cosmetic services:     </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Beauty dedicated landing page, homepage &amp; product page templates.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Search engine-optimized landing pages.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Create best spa website pages with appointments, testimonials &amp; pricing HubSpot templates.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Lightweight, high-speed DIY HubSpot theme best for CMS beginners. </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Codeless drag and drop HubSpot beauty &amp; cosmetic theme with best modules.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Highly customizable HubSpot theme with flexible bandwidth</span><span style="font-weight: 400;"><br />
</span></li>
</ul>
<div class="mwb-docs-product-images" style="text-align: center;"><iframe loading="lazy" title="YouTube video player" src="https://www.youtube.com/embed/Sz1vqIl2ZS0" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
<p>Glambiz can be a perfect companion for the online presence of your cosmetic &amp; beauty services business. If you’re ready to buy this theme, we’ll offer you a<strong> 15m free customization &amp; <a href="https://meetings.hubspot.com/makewebbetter/free-hubspot-consultation/" rel="nofollow">HubSpot theme consultation</a> session with our HubSpot experts</strong><b>.</b> Discuss all possibilities for the growth of your beauty business now!<b> </b></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="getting-started-11_wrap"><div class="documentor-section  section-4565" id="getting-started-11" data-section-id="4565"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.</span>Getting Started <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#getting-started-11')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">We bring you continuous updates with our premium HubSpot themes, so you stay updated on your online font. Glambiz has multiple HubSpot website pages and landing page templates that help you in getting started with creating highly interactive &amp; converting pages for your inbound website. </span></p>
<p><span style="font-weight: 400;">This documentation gives you an idea about working with HubSpot themes. Go through the documentation carefully as it helps you to configure modules and sections on your HubSpot CMS.</span></p>
<p><span style="font-weight: 400;">You can request for a free demo of our → Glambiz Demo to see how well it suits your interest. Additionally, we’re certified HubSpot developers. So, we’ll customize this theme perfect for your beauty website according to your needs.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="purchase-hubspot-theme_wrap"><div class="documentor-section  section-4567" id="purchase-hubspot-theme" data-section-id="4567"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.1.</span>Purchase HubSpot Theme <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#purchase-hubspot-theme')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">For purchasing the Glambiz HubSpot theme, you can directly navigate to the HubSpot theme marketplace from your HubSpot portal. HubSpot theme marketplace allows you to download free themes and buy premium HubSpot templates from different HubSpot-approved agencies.<br />
</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">Log in to your HubSpot portal &gt; Click on Marketplace icon &gt; Select asset marketplace &gt; insert ‘Glambiz’ in the search portal &gt; Click </span></i><b><i>Buy </i></b><i><span style="font-weight: 400;">button on the upper right &gt; insert your email address &gt; fill in your billing information &gt; Click </span></i><b><i>Payment Info</i></b></li>
</ul>
<p><i><span style="font-weight: 400;">HubSpot marketplace accepts payments via </span></i><b><i>credit cards </i></b><i><span style="font-weight: 400;">and the preferred payment gateway is Stripe or Paypal. After your transaction is processed and completed, the Glambiz theme assets are added to your HubSpot design manager.  </span></i></p>
<p><i><span style="font-weight: 400;">The templates and modules will appear for use in your HubSpot content under the same name as mentioned on the theme listing page.</span></i></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="install-theme_wrap"><div class="documentor-section  section-4568" id="install-theme" data-section-id="4568"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.</span>Install Theme <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#install-theme')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">After you purchase the theme, you need to install it and set it as your active HubSpot CMS theme.</span></p>
<p><b>Read More: </b><span style="font-weight: 400;"> </span><strong><a href="https://support.makewebbetter.com/hubspot-themes/how-to-install-hubspot-cms-theme-or-change-it/">How To Install HubSpot CMS Themes or Change It?</a>  </strong></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="create-a-child-theme_wrap"><div class="documentor-section  section-4569" id="create-a-child-theme" data-section-id="4569"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.3.</span>Create a child Theme <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#create-a-child-theme')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">We highly recommend you create a child theme of the Glambiz beauty &amp; cosmetic HubSpot theme. As soon as you buy the theme HubSpot will prompt you to start editing the page templates of the CMS theme. However, before rushing into starting your newly designed pages, consider creating a child theme. </span></p>
<p><b>Please Note</b></p>
<p><span style="font-weight: 400;">Setting up a child theme preserves the ability of the updates to be applied to the parent theme. This way you can customize the child theme on your portal as much as you want without affecting parent theme styles.   </span></p>
<p><span style="font-weight: 400;">Once the theme has been purchased, you can build up to</span><b> 5 child themes </b><span style="font-weight: 400;">with separate branding under the same account. Users of CMS Hub Enterprise can set up as many as</span><b> 10 child themes.</b></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="steps-to-create-a-child-theme_wrap"><div class="documentor-section  section-4570" id="steps-to-create-a-child-theme" data-section-id="4570"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.3.1.</span> Steps To Create a Child Theme <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#steps-to-create-a-child-theme')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><ul>
<li>Open your <strong><a href="http://hubspot.sjv.io/kjBZ4x">HubSpot account</a></strong> &gt; navigate to marketing &gt; choose files and templates &gt; select design tools</li>
<li>Find the @marketplace folder for the Glambiz theme &gt; right-click on the Glambiz theme folder &gt; select create child theme &gt; name the child theme</li>
<li>If you want to change the child theme location, do so by clicking change in the File location section. Select a folder &gt; click select.</li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="theme-settings_wrap"><div class="documentor-section  section-4572" id="theme-settings" data-section-id="4572"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.</span>Theme Settings <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#theme-settings')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">For making changes in the look and feel of your cosmetic &amp; beauty HubSpot CMS website, you can directly edit the theme settings. These settings are a centralized location to make changes that reflect all over your website and landing pages. </span></p>
<p><b>Read More</b><span style="font-weight: 400;">: How To Change Global Styles in HubSpot Theme?</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="access-theme-settings_wrap"><div class="documentor-section  section-4573" id="access-theme-settings" data-section-id="4573"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.</span>Access Theme Settings <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#access-theme-settings')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can access the theme settings on the Glambiz theme in two ways:</span></p>
<ul>
<li aria-level="1"><span style="font-weight: 400;">Settings  → Website → Themes → Glambiz child theme ( In case you’re just getting started and haven&#8217;t yet created any pages access the theme setting from the settings option)</span></li>
<li aria-level="1"><span style="font-weight: 400;">Marketing → Landing Pages → Page Editor  → Theme → Edit Theme Settings</span></li>
</ul>
<div class="mwb-docs-product-images">
<p><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Edit-Page-Testimonial.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25125 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Edit-Page-Testimonial.png" alt="Access theme settings" width="356" height="357" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Edit-Page-Testimonial.png 356w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Edit-Page-Testimonial-300x300.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Edit-Page-Testimonial-150x150.png 150w" sizes="(max-width: 356px) 100vw, 356px" /></a></p>
</div>
<p><span style="font-weight: 400;">Check out the theme settings added in the Glambiz Theme. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="colors_wrap"><div class="documentor-section  section-4574" id="colors" data-section-id="4574"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.1.</span>Colors <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#colors')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">From the colors option of edit theme settings, you can change the global display of colors on your website. You must have a brand that follows a particular color scheme. This is the place where you can experiment and decide on your brand colors.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/colors.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25139 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/colors.png" alt="Colors" width="425" height="332" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/colors.png 425w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/colors-300x234.png 300w" sizes="(max-width: 425px) 100vw, 425px" /></a><b></b></div>
<ul>
<li aria-level="1"><b>Primary colors </b><span style="font-weight: 400;">are a very important part of color theory. Red, yellow &amp; blue are highly preferred primary colors. You can choose from the color palette provided.  </span></li>
<li aria-level="1"><b>Accent colors </b><span style="font-weight: 400;">make certain sections louder and different than others. These usually complement the primary colors.</span></li>
<li aria-level="1"><b>Heading colors </b><span style="font-weight: 400;">that will show up on different headings on your website pages like h1,h2,h3, etc.</span></li>
<li aria-level="1"><b>Body background colors </b><span style="font-weight: 400;">are added behind the elements as backgrounds. The white body background color is highly recommended.</span></li>
<li aria-level="1"><b>Link colors </b><span style="font-weight: 400;">appear as you see the hyperlinked text on your landing pages. </span><b>  </b></li>
<li aria-level="1"><b>Links hover color </b>is visible when you hover over a hypertext. Basically, the hover link color is visible only if the user will hover over the text.</li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="font_wrap"><div class="documentor-section  section-4575" id="font" data-section-id="4575"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.2.</span>Font  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#font')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Fonts are different types of writing styles. It helps you separate headlines and content just by looking at them. There are more than 100 fonts than can be used on your HubSpot CMS website. With glambiz you can choose between </span><b>google fonts or external fonts.</b><span style="font-weight: 400;"><br />
</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/fonts.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25143 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/fonts.png" alt="Fonts" width="315" height="285" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/fonts.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/fonts-300x271.png 300w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p><span style="font-weight: 400;">Besides, you can select different fonts for </span><b>mini titles, headings, </b><span style="font-weight: 400;">and </span><b>body </b><span style="font-weight: 400;">along with their colors. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="typography-9_wrap"><div class="documentor-section  section-4576" id="typography-9" data-section-id="4576"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.3.</span>Typography <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#typography-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can arrange the letters of the text in such a fashion that the user can read it clearly and find it visually appealing. Colors and fonts are one way to make it so. However, typography on your website also</span><b><i> involves selecting fonts, adjusting letter spacing, and line height for desktops, mobiles, and tabs. </i></b><span style="font-weight: 400;">These settings will be added over to the h1,h2,h3,h4,h5,h6, body, mini title, etc.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/typography.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25141 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/typography.png" alt="Typography" width="1277" height="337" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/typography.png 1277w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/typography-300x79.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/typography-1024x270.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/typography-768x203.png 768w" sizes="(max-width: 1277px) 100vw, 1277px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="buttons-10_wrap"><div class="documentor-section  section-4577" id="buttons-10" data-section-id="4577"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.4.</span>Buttons <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#buttons-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Buttons are a crucial element on your website landing pages. For users, it is an action point. You need to make buttons highly convertible. We have added buttons in different sections so you don’t have to worry.</span></p>
<p><span style="font-weight: 400;">We have added a dark and light variant of outlined and filled buttons. From the buttons option of the theme settings, you can edit the font text &amp; color, and change the background &amp; border color for various states of buttons like active, hover &amp; normal.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/skypeforlinux.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25357 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/skypeforlinux.png" alt="HubSpot Theme: Buttons" width="316" height="202" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/skypeforlinux.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/skypeforlinux-300x192.png 300w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="tables-10_wrap"><div class="documentor-section  section-4578" id="tables-10" data-section-id="4578"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.5.</span>Tables  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#tables-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>Adding tables on your website helps you organize data clearly and helps users differentiate between things mentioned. If you’re adding tables to your landing pages, you can edit the text &amp; background color of the table header, footer, cells, and body.</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/tables.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25145 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/tables.png" alt="Tables" width="314" height="311" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/tables.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/tables-300x297.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/tables-150x150.png 150w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="forms-13_wrap"><div class="documentor-section  section-4579" id="forms-13" data-section-id="4579"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.6.</span>Forms <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#forms-13')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Forms are essential for the collection of customer data. Big or small, your food business benefits highly from this collected data. While using forms on the Glambiz theme, you can edit the title, background, border style, and corner radius for various form elements like </span><b><i>title, help text, form fields, labels, error messages, etc.</i></b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/forms.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25146 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/forms.png" alt="Forms" width="712" height="484" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/forms.png 712w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/forms-300x204.png 300w" sizes="(max-width: 712px) 100vw, 712px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="spacing-11_wrap"><div class="documentor-section  section-4580" id="spacing-11" data-section-id="4580"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.7.</span>Spacing  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#spacing-11')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/vertical-spacing.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25151 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/vertical-spacing.png" alt="Spacing" width="933" height="760" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/vertical-spacing.png 933w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/vertical-spacing-300x244.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/vertical-spacing-768x626.png 768w" sizes="(max-width: 933px) 100vw, 933px" /></a></div>
<p><span style="font-weight: 400;">Spacing settings deal with the spacing on your website pages in terms of containers of the </span><b><i>content width, and horizontal &amp; vertical spacings of sections on mobile, tablets, and desktops.<br />
</i></b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25150 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing.png" alt="Spacing" width="314" height="260" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacing-300x248.png 300w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-settings-9_wrap"><div class="documentor-section  section-4581" id="blog-settings-9" data-section-id="4581"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.8.</span>Blog Settings <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-settings-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Certain global settings on your blog page can change the user experience considerably. You can enable and edit the blog sidebar. Some sidebar widgets includes search, topics, and popular posts. Enabling or disabling them is under your control.<br />
</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-settings.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25152 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-settings.png" alt="Blog setting" width="354" height="228" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-settings.png 354w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-settings-300x193.png 300w" sizes="(max-width: 354px) 100vw, 354px" /></a></div>
<p><span style="font-weight: 400;">The blog post option is generally for changing settings on the blog page. You can change the blockquote border &amp; text color and enable or disable either of these anytime:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Author name</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Timestamp</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Tags</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Related posts</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Comment form</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="website-header-6_wrap"><div class="documentor-section  section-4582" id="website-header-6" data-section-id="4582"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.9.</span>Website Header <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#website-header-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Website header options from the theme settings let you change a series of stuff like selecting header type from static or drag and drop, changing the menu background color, header background color, menu container background, and menu item border color.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Theme-Editor-HubSpot-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25156 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Theme-Editor-HubSpot-1.png" alt="Website Header" width="318" height="84" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Theme-Editor-HubSpot-1.png 318w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Theme-Editor-HubSpot-1-300x79.png 300w" sizes="(max-width: 318px) 100vw, 318px" /></a></div>
<p>The header menu is also editable. While you will find additional settings on the header module. But, from the theme settings, you can change the menu items text font type and font color.</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25157 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header.png" alt="Website Header" width="314" height="246" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-300x235.png 300w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="website-footer-6_wrap"><div class="documentor-section  section-4583" id="website-footer-6" data-section-id="4583"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.10.</span>Website Footer <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#website-footer-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The website footer is at the bottom of any website page. The glambiz theme offers easy customization of the footer. Just like the website header, you can select between static or drop and down footer. You can choose from a footer background color or a background image.<br />
</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25161 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer.png" alt="Website Footer" width="317" height="201" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer-300x190.png 300w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
<p><span style="font-weight: 400;">Depending on the choice of footer background you can edit the image or change color. Other settings include changing the text font, color, line height &amp; text transformation on the website footer for desktop. For mobile devices, you can change the font size and line height of the website footer.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="system-page-settings-7_wrap"><div class="documentor-section  section-4584" id="system-page-settings-7" data-section-id="4584"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.11.</span>System Page Settings <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#system-page-settings-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">System pages are automatically displayed pages that carry out common tasks like event registration and login. By placing modules on the page or editing already-existing content, system pages can be made more unique.</span></p>
<div class="mwb-docs-product-images">
<p><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/system-page-settings.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25164 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/system-page-settings.png" alt="System page settings" width="316" height="294" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/system-page-settings.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/system-page-settings-300x279.png 300w" sizes="(max-width: 316px) 100vw, 316px" /></a></p>
</div>
<p><span style="font-weight: 400;">From the theme settings, you can change the general look of the system pages. For example, for every system page present on your website you can </span><b><i>enable or disable its error image, remove or replace the same, edit alt text, and change the image loading style </i></b><i><span style="font-weight: 400;">from browser default, eager, or lazy. </span></i></p>
<p><b><i>Note: “L</i></b><i><span style="font-weight: 400;">azy&#8221; loading defers loading this element until it&#8217;s visible on the page. This may help improve site performance. &#8220;Eager&#8221; loading loads the element right away. </span></i></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="scroll-to-top-6_wrap"><div class="documentor-section  section-4585" id="scroll-to-top-6" data-section-id="4585"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.12.</span>Scroll To Top <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#scroll-to-top-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25166 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-1.png" alt="Scroll to top" width="1070" height="193" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-1.png 1070w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-1-300x54.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-1-1024x185.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-1-768x139.png 768w" sizes="(max-width: 1070px) 100vw, 1070px" /></a></div>
<p><span style="font-weight: 400;">The scroll-to-top feature allows users to easily and quickly get back to the top of the page by using a button.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25165 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top.png" alt="Scroll to top" width="319" height="258" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top.png 319w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-300x243.png 300w" sizes="(max-width: 319px) 100vw, 319px" /></div>
<p></a>You can enable or disable the scroll to the top button anytime. Besides you can set the icon color, and icon background color, and adjust the icon corner radius.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="animation_wrap"><div class="documentor-section  section-4586" id="animation" data-section-id="4586"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.1.13.</span>Animation <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#animation')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Enable or disable animation anytime on your website pages from the theme settings. Toggle to enable animation.</span><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/animation.png"></p>
<div class="mwb-docs-product-images"><img decoding="async" loading="lazy" class="aligncenter wp-image-25169 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/animation.png" alt="Animation" width="293" height="115" /></div>
<p></a></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="customizing-header_wrap"><div class="documentor-section  section-4587" id="customizing-header" data-section-id="4587"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.3.</span>Customizing Header <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#customizing-header')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>As you must have read above, theme settings have options to make changes in the header and header menu. However, there are certain modules that you can add and make navigation on your website easier via header.</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25176 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-1.png" alt="Customizing website header" width="349" height="309" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-1.png 349w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/website-header-1-300x266.png 300w" sizes="(max-width: 349px) 100vw, 349px" /></a></div>
<ul>
<li><span style="font-weight: 400;">From the </span><i><span style="font-weight: 400;">edit page menu &gt; go to content tab &gt; website header &gt; click on it &gt; select open in global content edit.</span></i></li>
</ul>
<p><span style="font-weight: 400;">All used global content modules will appear on this page. We have used, a </span><b><i>header toggler, logo, header controls, custom menu, social follow, and custom image </i></b><i><span style="font-weight: 400;">in our website pages template. </span></i><span style="font-weight: 400;">Simply select the global content module one by one and edit its settings accordingly.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/customize-website-header.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25175 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/customize-website-header.png" alt="Customizing website header" width="351" height="393" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/customize-website-header.png 351w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/customize-website-header-268x300.png 268w" sizes="(max-width: 351px) 100vw, 351px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="customizing-footer_wrap"><div class="documentor-section  section-4588" id="customizing-footer" data-section-id="4588"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.4.</span>Customizing Footer <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#customizing-footer')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">A website footer is at the end of a landing page. It is also a global element that affects all the assets on different web pages when changes are applied to it. To edit your website footer, navigate in the following way:</span></p>
<ul>
<li><span style="font-weight: 400;"><i>edit page menu &gt; go to content tab &gt; website header &gt; click on it &gt; select open in global content editor.</i></span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/customizing-footer-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25179 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/customizing-footer-1.png" alt="Customizing Website Footer" width="354" height="680" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/customizing-footer-1.png 354w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/customizing-footer-1-156x300.png 156w" sizes="(max-width: 354px) 100vw, 354px" /></a></div>
<p><span style="font-weight: 400;">All used global content modules will appear on this page. We have used,</span><b><i> logo, social follow labels, social links, footer nav, copyright, and scroll to top </i></b><i><span style="font-weight: 400;">in our website page template. </span></i><span style="font-weight: 400;">Simply select the global content module one by one and edit its settings accordingly. You can edit the styles of these modules too.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/customize-website-footer-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25178 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/customize-website-footer-3.png" alt="Customizing Website Footer" width="354" height="558" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/customize-website-footer-3.png 354w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/customize-website-footer-3-190x300.png 190w" sizes="(max-width: 354px) 100vw, 354px" /></a></div>
<p><b>Read More: </b><span style="font-weight: 400;">How to edit global modules?</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="modules-overview_wrap"><div class="documentor-section  section-4589" id="modules-overview" data-section-id="4589"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.</span>Modules Overview <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#modules-overview')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The Glambiz beauty, spa, and cosmetic HubSpot theme has 43</span><b> </b><span style="font-weight: 400;">highly customizable drag-and-drop modules. You can experiment with any module the way you like. Each module has </span><b>styling options too. </b><span style="font-weight: 400;">Keep reading to find out about each module.</span></p>
<p><b>Read more: </b><span style="font-weight: 400;"> What are HubSpot modules &amp; templates?</span></p>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="accordion-18_wrap"><div class="documentor-section  section-4595" id="accordion-18" data-section-id="4595"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.1.</span>Accordion <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#accordion-18')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">To show vast sections of text like displaying content in form of questions and answers, you can use the accordion module. You can edit the accordion module as you wish like modifying the heading &amp; background colors, borders and shadows, adjust height for different devices, etc.</span></p>
<p><span style="font-weight: 400;">There are </span><b>two accordion layout:</b></p>
<p><strong>(a) Vertical tab</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25219 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion.png" alt="Accordion" width="1424" height="559" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion.png 1424w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-300x118.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-1024x402.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-768x301.png 768w" sizes="(max-width: 1424px) 100vw, 1424px" /></a></div>
<p><strong>   (b) Single column</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/accordion-single-column.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25220 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/accordion-single-column.png" alt="Accordion " width="954" height="760" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/accordion-single-column.png 954w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/accordion-single-column-300x239.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/accordion-single-column-768x612.png 768w" sizes="(max-width: 954px) 100vw, 954px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="accordian-slider_wrap"><div class="documentor-section  section-4596" id="accordian-slider" data-section-id="4596"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.2.</span>Accordian Slider <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#accordian-slider')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-slider.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25221 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-slider.png" alt="Accordion Slider" width="1201" height="550" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-slider.png 1201w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-slider-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-slider-1024x469.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Accordion-slider-768x352.png 768w" sizes="(max-width: 1201px) 100vw, 1201px" /></a></div>
<p><span style="font-weight: 400;">Accordion slider allows you to add a slider with the accordion. You can display cards with slider option. This is an absolute eye catching module.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="banner-9_wrap"><div class="documentor-section  section-4597" id="banner-9" data-section-id="4597"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.3.</span>Banner <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#banner-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The first thing that the users notice when they land at your website page. You can use it on your home page or about us page to inform the visitors about your marketing or other services. You can select the layout you want from the different options available. Make the most of it’s style tab settings. </span></p>
<p><span style="font-weight: 400;">Three banner layouts you can choose from are:<br />
</span></p>
<p><strong>(a) Banner with image</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-with-Image-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25223 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-with-Image-1.png" alt="Banner with Image" width="1285" height="639" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-with-Image-1.png 1285w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-with-Image-1-300x149.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-with-Image-1-1024x509.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-with-Image-1-768x382.png 768w" sizes="(max-width: 1285px) 100vw, 1285px" /></a></div>
<p><strong>    (b) Background image</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-background-image.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25225 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-background-image.png" alt="HubSpot Theme: Banner background image" width="1468" height="354" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-background-image.png 1468w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-background-image-300x72.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-background-image-1024x247.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-background-image-768x185.png 768w" sizes="(max-width: 1468px) 100vw, 1468px" /></a></div>
<p><strong>(c) Background color</p>
<p></strong><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-color-banner.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25241 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-color-banner.png" alt="HubSpot Theme: Background color banner" width="1462" height="475" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-color-banner.png 1462w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-color-banner-300x97.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-color-banner-1024x333.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Background-color-banner-768x250.png 768w" sizes="(max-width: 1462px) 100vw, 1462px" /></a></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="banner-slider-2_wrap"><div class="documentor-section  section-4598" id="banner-slider-2" data-section-id="4598"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.4.</span>Banner Slider <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#banner-slider-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">This module is similar to the banner. It is a visual display that you may employ to encourage immediate interaction with website visitors.</span></p>
<p><span style="font-weight: 400;">They are now very popular in eCommerce companies and are mostly used to advertise campaigns like sales and buying opportunities that would otherwise have to be looked for or found by accident. It has </span><b>two layouts you can choose from:</b></p>
<p><strong>  (a) Image slider</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-slider-image.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25226 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-slider-image.png" alt="HubSpot Theme: Banner slider image " width="1406" height="544" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-slider-image.png 1406w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-slider-image-300x116.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-slider-image-1024x396.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/banner-slider-image-768x297.png 768w" sizes="(max-width: 1406px) 100vw, 1406px" /></a></div>
<p><strong>  (b) Video slider</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-slider.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25228 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-slider.png" alt="HubSpot Theme: Banner slider" width="1486" height="515" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-slider.png 1486w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-slider-300x104.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-slider-1024x355.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Banner-slider-768x266.png 768w" sizes="(max-width: 1486px) 100vw, 1486px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-grid-3_wrap"><div class="documentor-section  section-4599" id="blog-grid-3" data-section-id="4599"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.5.</span>Blog Grid <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-grid-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">This module lets you display your blogs in the form of a grid. You can select any of the available layout for users to start reading instantly. It has the following 3 layouts: Use the card and compact layout of the blog when the feature image of the blog post is uploaded. If there is no featured image use the third layout card without an image.</span></p>
<p><strong>(a) Compact with Image</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-Grid-compact-with-image.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25231 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-Grid-compact-with-image.png" alt="HubSpot Theme: Blog Grid compact with image" width="1183" height="522" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-Grid-compact-with-image.png 1183w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-Grid-compact-with-image-300x132.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-Grid-compact-with-image-1024x452.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-Grid-compact-with-image-768x339.png 768w" sizes="(max-width: 1183px) 100vw, 1183px" /></a></div>
<p><strong>  (b) Card with image</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-grid-card-with-image.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25230 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-grid-card-with-image.png" alt="HubSpot Theme: Blog grid card with image" width="1204" height="510" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-grid-card-with-image.png 1204w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-grid-card-with-image-300x127.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-grid-card-with-image-1024x434.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-grid-card-with-image-768x325.png 768w" sizes="(max-width: 1204px) 100vw, 1204px" /></a></div>
<p><strong>   (c) Card without image</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-grid-card-without-image.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25232 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-grid-card-without-image.png" alt="HubSpot Theme: Blog grid card without image" width="1185" height="384" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-grid-card-without-image.png 1185w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-grid-card-without-image-300x97.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-grid-card-without-image-1024x332.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-grid-card-without-image-768x249.png 768w" sizes="(max-width: 1185px) 100vw, 1185px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-listing-25_wrap"><div class="documentor-section  section-4600" id="blog-listing-25" data-section-id="4600"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.6.</span>Blog Listing <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-listing-25')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-listings.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25233 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-listings.png" alt="HubSpot theme: Blog listing" width="1214" height="771" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-listings.png 1214w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-listings-300x191.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-listings-1024x650.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-listings-768x488.png 768w" sizes="(max-width: 1214px) 100vw, 1214px" /></a></div>
<p><span style="font-weight: 400;">Add blogs in listings with all other important details. You can display blogs on your website page with the blog listing module. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-masonry_wrap"><div class="documentor-section  section-4739" id="blog-masonry" data-section-id="4739"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.7.</span>Blog Masonry <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-masonry')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Blog masonry module creates a masonry grid layout used by websites like Pinterest, Unsplash, Tumblr, etc. It features a beautiful, fashionable, and user-friendly design that engages users. Choose this layout for creating blogs and portfolios for your fashion website.</span></p>
<div class="mwb-docs-product-images"><a href="https://docs.makewebbetter.com/wp-content/uploads/2023/01/Glambiz-Masonry-Blog.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25834 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/01/Glambiz-Masonry-Blog.png" alt="Glambiz Masonry" width="1298" height="1534" srcset="https://docs.makewebbetter.com/wp-content/uploads/2023/01/Glambiz-Masonry-Blog.png 1298w, https://docs.makewebbetter.com/wp-content/uploads/2023/01/Glambiz-Masonry-Blog-254x300.png 254w, https://docs.makewebbetter.com/wp-content/uploads/2023/01/Glambiz-Masonry-Blog-866x1024.png 866w, https://docs.makewebbetter.com/wp-content/uploads/2023/01/Glambiz-Masonry-Blog-768x908.png 768w" sizes="(max-width: 1298px) 100vw, 1298px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-related-post-4_wrap"><div class="documentor-section  section-4601" id="blog-related-post-4" data-section-id="4601"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.8.</span>Blog Related Post <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-related-post-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25235 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post.png" alt="HubSpot Theme: Blog related post" width="1631" height="510" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post.png 1631w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post-300x94.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post-1024x320.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post-768x240.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-related-post-1536x480.png 1536w" sizes="(max-width: 1631px) 100vw, 1631px" /></a></div>
<p><span style="font-weight: 400;">You can add related posts to a current one by using blog related post module. It’s an easy way to take your visitors to a different pages.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-subscribe_wrap"><div class="documentor-section  section-4602" id="blog-subscribe" data-section-id="4602"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.9.</span>Blog Subscribe <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-subscribe')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-subscribe.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25237 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-subscribe.png" alt="HubSpot Theme: Blog subscribe" width="1836" height="527" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-subscribe.png 1836w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-subscribe-300x86.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-subscribe-1024x294.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-subscribe-768x220.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-subscribe-1536x441.png 1536w" sizes="(max-width: 1836px) 100vw, 1836px" /></a></div>
<p><span style="font-weight: 400;">You will find this module in the </span><b>blog listing page. </b><span style="font-weight: 400;">It helps you to improve your subscribers list. The users can enter their emails and subscribe themselves to your website blogs.  </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="booking_wrap"><div class="documentor-section  section-4603" id="booking" data-section-id="4603"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.10.</span>Booking  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#booking')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/booking.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25239 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/booking.png" alt="HubSpot Theme: Booking" width="542" height="708" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/booking.png 542w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/booking-230x300.png 230w" sizes="(max-width: 542px) 100vw, 542px" /></a></div>
<p><span style="font-weight: 400;">The booking module is a must have salon module to improve your salon service peformace. It displays a calender than can be set as per your client’s and your availablity. The booking module allows users to check the day and date and make reservations for their services.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="button-8_wrap"><div class="documentor-section  section-4604" id="button-8" data-section-id="4604"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.11.</span>Button <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#button-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">For accomplishing an action on your cafe landing pages, home pages, or even blogs you can use button module. It’s upto you to change it’s layout, text, and button color, etc. The button module has the following layouts:</span></p>
<p><strong> (a) Filled Dark</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/filled-dark-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25254 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/filled-dark-1.png" alt="HubSpot Theme: Filled dark" width="288" height="126" /></a></div>
<p><strong>    (b) Filled Light</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Filled-Light-button.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25255 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Filled-Light-button.png" alt="HubSpot Theme: Filled Light button" width="288" height="106" /></a></div>
<p><strong>    (c) Outlined Dark</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/outlined-dark-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25256 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/outlined-dark-1.png" alt="HubSpot Theme: Outlined dark" width="306" height="126" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/outlined-dark-1.png 306w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/outlined-dark-1-300x124.png 300w" sizes="(max-width: 306px) 100vw, 306px" /></a></div>
<p><strong>   (d) Outlined Light</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/outlined-light-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25257 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/outlined-light-1.png" alt="HubSpot Theme: Outlined light button " width="270" height="103" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="card-12_wrap"><div class="documentor-section  section-4605" id="card-12" data-section-id="4605"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.12.</span>Card <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#card-12')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/card.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25263 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/card.png" alt="HubSpot Theme: Card" width="1240" height="518" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/card.png 1240w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/card-300x125.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/card-1024x428.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/card-768x321.png 768w" sizes="(max-width: 1240px) 100vw, 1240px" /></a></div>
<p><span style="font-weight: 400;">Cards allow you to display image and content in different rows and columns. You can change the image, add content or buttons in different cards and also change the layouts.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="copyright-10_wrap"><div class="documentor-section  section-4606" id="copyright-10" data-section-id="4606"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.13.</span>Copyright <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#copyright-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25265 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright.png" alt="HubSpot Theme: Copyright" width="1615" height="68" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright.png 1615w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright-300x13.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright-1024x43.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright-768x32.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/copyright-1536x65.png 1536w" sizes="(max-width: 1615px) 100vw, 1615px" /></a></div>
<p><span style="font-weight: 400;">Copyright module is added on the footer where you can display copyright text. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="countdown-2_wrap"><div class="documentor-section  section-4607" id="countdown-2" data-section-id="4607"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.14.</span>Countdown <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#countdown-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/countdown.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25267 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/countdown.png" alt="HubSpot Theme: Countdown" width="578" height="160" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/countdown.png 578w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/countdown-300x83.png 300w" sizes="(max-width: 578px) 100vw, 578px" /></a></div>
<p><span style="font-weight: 400;">Countdown module allows you to induce urgency by adding a timer. It could be for a You can make all necessary changes in it. This is excellent for making a &#8220;coming soon&#8221; page to generate interest in a new good or service.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="cover-card_wrap"><div class="documentor-section  section-4608" id="cover-card" data-section-id="4608"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.15.</span>Cover Card <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#cover-card')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/cover-card.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25269 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/cover-card.png" alt="HubSpot Theme: Cover card" width="1225" height="462" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/cover-card.png 1225w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/cover-card-300x113.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/cover-card-1024x386.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/cover-card-768x290.png 768w" sizes="(max-width: 1225px) 100vw, 1225px" /></a></div>
<p><span style="font-weight: 400;">This module is for displaying your services or products in the form of a cover card. You can edit the card images, enable or disable animation, etc for each. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="events-3_wrap"><div class="documentor-section  section-4609" id="events-3" data-section-id="4609"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.16.</span>Events <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#events-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Events.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25271 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Events.png" alt="HubSpot Theme: Events" width="1206" height="612" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Events.png 1206w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Events-300x152.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Events-1024x520.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Events-768x390.png 768w" sizes="(max-width: 1206px) 100vw, 1206px" /></a></div>
<p><span style="font-weight: 400;">The events module allows you to display events on your website. This could be any seminar, webinar or make up classes you are planning to organzie or even a new product launch.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="footer-nav-8_wrap"><div class="documentor-section  section-4610" id="footer-nav-8" data-section-id="4610"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.17.</span>Footer Nav <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#footer-nav-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer-nav.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25278 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer-nav.png" alt="HubSpot Theme: Footer nav" width="854" height="132" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer-nav.png 854w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer-nav-300x46.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/footer-nav-768x119.png 768w" sizes="(max-width: 854px) 100vw, 854px" /></a></div>
<p>The footer nav module shows at the bottom with a few quick links that you want to show on your website, blog, or landing page. The footer navigation module is only for the footer menu.</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="form-7_wrap"><div class="documentor-section  section-4611" id="form-7" data-section-id="4611"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.18.</span>Form <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#form-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Customer data is really important for your sales and marketing teams. So, use it wisely. The form module adds a form on your landing page. You can add or remove fields and customize it according to your needs. Some form examples are, contact us form, newsletter subscribe, etc. </span></p>
<p><span style="font-weight: 400;">You have </span><b>three layouts of three form module:</b></p>
<p><strong> (a) Multiple Field Form</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-field-form.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25275 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-field-form.png" alt="HubSpot Theme: Multiple field form" width="558" height="700" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-field-form.png 558w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/multiple-field-form-239x300.png 239w" sizes="(max-width: 558px) 100vw, 558px" /></a></div>
<p><strong>    (b) Single Field Form (side button)</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-side-button.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25276 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-side-button.png" alt="HubSpot Theme: single field form ( side button)" width="668" height="150" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-side-button.png 668w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/single-field-form-side-button-300x67.png 300w" sizes="(max-width: 668px) 100vw, 668px" /></a></div>
<p><strong>    (c) Single Field Form (button at bottom)</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Single-Field-Form-button-at-bottom-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25277 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Single-Field-Form-button-at-bottom-1.png" alt="HubSpot Theme: Single Field Form (button at bottom)" width="1291" height="335" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Single-Field-Form-button-at-bottom-1.png 1291w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Single-Field-Form-button-at-bottom-1-300x78.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Single-Field-Form-button-at-bottom-1-1024x266.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Single-Field-Form-button-at-bottom-1-768x199.png 768w" sizes="(max-width: 1291px) 100vw, 1291px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="gallery-grid_wrap"><div class="documentor-section  section-4612" id="gallery-grid" data-section-id="4612"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.19.</span>Gallery Grid <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#gallery-grid')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Gallery-grid.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25279 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Gallery-grid.png" alt="HubSpot Theme: Gallery Grid" width="780" height="792" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Gallery-grid.png 780w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Gallery-grid-295x300.png 295w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Gallery-grid-768x780.png 768w" sizes="(max-width: 780px) 100vw, 780px" /></a></div>
<p><span style="font-weight: 400;">A gallery grid module allows you to display high quality images on your landing pages in the form of grid. This way visitors can see all images in a grid. You can edit the borders, replace or remove images, etc. according to your requirements. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="gallery-slider_wrap"><div class="documentor-section  section-4613" id="gallery-slider" data-section-id="4613"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.20.</span>Gallery Slider <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#gallery-slider')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Gallery-slider.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25281 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Gallery-slider.png" alt="HubSpot Theme: Gallery slider" width="1774" height="553" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Gallery-slider.png 1774w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Gallery-slider-300x94.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Gallery-slider-1024x319.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Gallery-slider-768x239.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Gallery-slider-1536x479.png 1536w" sizes="(max-width: 1774px) 100vw, 1774px" /></a></div>
<p><span style="font-weight: 400;">Images are highly loved by the audience. Another way to let users check your HD images is by using gallery slider module that allows the users to use a slider in order to see the net image. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-control_wrap"><div class="documentor-section  section-4614" id="header-control" data-section-id="4614"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.21.</span>Header Control <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-control')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-controls.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25283 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-controls.png" alt=" HubSpot Theme: Header controls" width="402" height="98" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-controls.png 402w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-controls-300x73.png 300w" sizes="(max-width: 402px) 100vw, 402px" /></a></div>
<p><span style="font-weight: 400;">A header control module allows the user to add search, language switcher, and button on the website header.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-toggler-12_wrap"><div class="documentor-section  section-4615" id="header-toggler-12" data-section-id="4615"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.22.</span>Header Toggler <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-toggler-12')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Drag and drop the header above the menu component for best results. You can select an icon or image for the toggle open and close option.<br />
</span></p>
<p><strong>(a) Open icon</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-toggler-open.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25286 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/header-toggler-open.png" alt="HubSpot Theme: Header toggler open" width="261" height="240" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="icon-box-17_wrap"><div class="documentor-section  section-4616" id="icon-box-17" data-section-id="4616"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.23.</span>Icon Box <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#icon-box-17')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Icon-box-card-with-content.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25287 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Icon-box-card-with-content.png" alt="HubSpot Theme: Icon box " width="1302" height="440" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Icon-box-card-with-content.png 1302w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Icon-box-card-with-content-300x101.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Icon-box-card-with-content-1024x346.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Icon-box-card-with-content-768x260.png 768w" sizes="(max-width: 1302px) 100vw, 1302px" /></a></div>
<p><span style="font-weight: 400;">Add multiple icons and their descriptions on landing pages. The icon box module provides an area where you can display several cards. Each of these cards has a symbol, and you can choose how many cards to show in each column. You have </span><b>two layout options:</b></p>
<p><strong>    (a) Card Layout</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Icon-box.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25289 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Icon-box.png" alt="HubSpot Theme: Icon box" width="1203" height="332" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Icon-box.png 1203w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Icon-box-300x83.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Icon-box-1024x283.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Icon-box-768x212.png 768w" sizes="(max-width: 1203px) 100vw, 1203px" /></a></div>
<p><strong>     (b) Compact Layout</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-compact.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25290 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-compact.png" alt="HubSpot Theme: Icon box compact" width="702" height="284" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-compact.png 702w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/icon-box-compact-300x121.png 300w" sizes="(max-width: 702px) 100vw, 702px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-image-9_wrap"><div class="documentor-section  section-4617" id="custom-image-9" data-section-id="4617"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.24.</span>Custom Image <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-image-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/custom-image.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25291 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/custom-image.png" alt="HubSpot Theme: Custom image" width="598" height="598" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/custom-image.png 598w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/custom-image-300x300.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/custom-image-150x150.png 150w" sizes="(max-width: 598px) 100vw, 598px" /></a></div>
<p><span style="font-weight: 400;">For a single image you can use the image module. Select any image from your collection and edit its features using the image module.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="listing_wrap"><div class="documentor-section  section-4618" id="listing" data-section-id="4618"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.25.</span>Product Listing <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#listing')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The listing module is to show products or services along with images in the form of lists. You can choose between </span><b>two listing layouts. </b><span style="font-weight: 400;">The card layout shows products in card form while the filter layout lets users filter products based on categories.</span></p>
<p><strong>    (a) Filter<br />
</strong></p>
<div class="mwb-docs-product-images">
<p><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings-filter.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25294 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings-filter.png" alt="HubSpot Theme: Filter" width="1084" height="792" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings-filter.png 1084w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings-filter-300x219.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings-filter-1024x748.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings-filter-768x561.png 768w" sizes="(max-width: 1084px) 100vw, 1084px" /></a></p>
</div>
<p><span style="font-weight: 400;"><strong>    (b) Card</strong></span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25295 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings.png" alt="HubSpot Theme: Listings" width="1578" height="663" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings.png 1578w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings-300x126.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings-1024x430.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings-768x323.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/listings-1536x645.png 1536w" sizes="(max-width: 1578px) 100vw, 1578px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="list_wrap"><div class="documentor-section  section-4740" id="list" data-section-id="4740"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.26.</span>List <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#list')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">List module is a great one for displaying details in listicles, bullet points, or numbered lists. This helps users understand your product or service in a better way. It’s like giving them that many reasons to buy or take your service. From its settings, you can customize this list as like it. You’re allowed to set columns and list animations for devices.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2023/01/List.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25837 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2023/01/List.png" alt="list of glambiz" width="1141" height="658" srcset="https://docs.makewebbetter.com/wp-content/uploads/2023/01/List.png 1141w, https://docs.makewebbetter.com/wp-content/uploads/2023/01/List-300x173.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2023/01/List-1024x591.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2023/01/List-768x443.png 768w" sizes="(max-width: 1141px) 100vw, 1141px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="logo-15_wrap"><div class="documentor-section  section-4619" id="logo-15" data-section-id="4619"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.27.</span>Logo <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#logo-15')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/logo.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25296 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/logo.png" alt=" HubSpot Theme: Logo" width="643" height="283" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/logo.png 643w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/logo-300x132.png 300w" sizes="(max-width: 643px) 100vw, 643px" /></a></div>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/logo-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25298 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/logo-2-1.png" alt=" HubSpot Theme: Logo" width="442" height="206" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/logo-2-1.png 442w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/logo-2-1-300x140.png 300w" sizes="(max-width: 442px) 100vw, 442px" /></a></div>
<p><span style="font-weight: 400;">A logo is a cruical aspect of your business branding. Great brands have easy recognizable logo. Your fashion, beauty &amp; cosmetic website should have one too. Add your custom logo with a logo module anywhere on your website pages.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="map-16_wrap"><div class="documentor-section  section-4620" id="map-16" data-section-id="4620"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.28.</span>Map <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#map-16')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The map module will add a virtual map to your website. As a beauty spa and salon you can definitely add this module. It will help visitors to reach you without any hassle. Just add your loaction using Google maps. You have </span><b>three map layouts for map:</b></p>
<p><strong>    (a) Card Map</strong></p>
<div class="mwb-docs-product-images">
<p><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-card.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25300 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-card.png" alt="HubSpot Theme: Map card" width="537" height="686" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-card.png 537w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-card-235x300.png 235w" sizes="(max-width: 537px) 100vw, 537px" /></a></p>
</div>
<p><strong>(b) Single Loacation Map</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-single-location.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25301 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-single-location.png" alt="HubSpot Theme: map single location" width="1261" height="599" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-single-location.png 1261w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-single-location-300x143.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-single-location-1024x486.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-single-location-768x365.png 768w" sizes="(max-width: 1261px) 100vw, 1261px" /></a></div>
<p><strong>(c) Iframe</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-iframe.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25302 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-iframe.png" alt="HubSpot Theme: Map Iframe" width="1203" height="594" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-iframe.png 1203w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-iframe-300x148.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-iframe-1024x506.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-iframe-768x379.png 768w" sizes="(max-width: 1203px) 100vw, 1203px" /></a></div>
<p><strong>(d) Multiple Location</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/map.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25303 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/map.png" alt="HubSpot Theme: Multiple Location Map" width="544" height="471" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/map.png 544w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/map-300x260.png 300w" sizes="(max-width: 544px) 100vw, 544px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="menu-16_wrap"><div class="documentor-section  section-4621" id="menu-16" data-section-id="4621"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.29.</span>Menu <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#menu-16')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/menu.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25304 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/menu.png" alt="HubSpot Theme: Menu" width="593" height="223" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/menu.png 593w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/menu-300x113.png 300w" sizes="(max-width: 593px) 100vw, 593px" /></a></div>
<p><span style="font-weight: 400;">Add a menu bar on your webpage using the menu module. It’s upto you if you want to create a new menu or use an old one on your landing pages. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="partners-3_wrap"><div class="documentor-section  section-4622" id="partners-3" data-section-id="4622"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.30.</span>Partners <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#partners-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Partners.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25307 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Partners.png" alt="HubSpot Theme: Partners" width="1462" height="139" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Partners.png 1462w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Partners-300x29.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Partners-1024x97.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Partners-768x73.png 768w" sizes="(max-width: 1462px) 100vw, 1462px" /></a></div>
<p><span style="font-weight: 400;">Use the Partner module to display your partners, sponsors, etc on your landing page. You can set image, image size, link, etc for each partner you display. It could be brands that you have helped to organize events.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="pricing-card-8_wrap"><div class="documentor-section  section-4630" id="pricing-card-8" data-section-id="4630"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.31.</span>Pricing Card <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#pricing-card-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Pricing cards allow adding your beauty service their charges in the form of cards. You can customize it’s background color, edit the content, etc. If you have membership plans, you can use pricing card to display them too. There are </span><b>two layouts for pricing card module:</b><span style="font-weight: 400;">  </span></p>
<p><strong>    (a) Parallax Image</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25325 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing.png" alt="HubSpot Theme: Pricing card" width="1274" height="1228" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing.png 1274w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-300x289.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-1024x987.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-768x740.png 768w" sizes="(max-width: 1274px) 100vw, 1274px" /></a></div>
<p><strong>    (b) </strong><span style="font-weight: 400;"><strong>Grid Image</strong><br />
</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-grid.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25326 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-grid.png" alt="HubSpot Theme: Pricing card" width="1070" height="565" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-grid.png 1070w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-grid-300x158.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-grid-1024x541.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/pricing-grid-768x406.png 768w" sizes="(max-width: 1070px) 100vw, 1070px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="product-showcase_wrap"><div class="documentor-section  section-4631" id="product-showcase" data-section-id="4631"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.32.</span>Product Showcase <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#product-showcase')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/product-showcase.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25329 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/product-showcase.png" alt="HubSpot Theme: Product Showcase" width="1556" height="653" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/product-showcase.png 1556w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/product-showcase-300x126.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/product-showcase-1024x430.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/product-showcase-768x322.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/product-showcase-1536x645.png 1536w" sizes="(max-width: 1556px) 100vw, 1556px" /></a></div>
<p><span style="font-weight: 400;">If you’re a brand that also sell beauty services or cosmetic products, you can showcase your product using the product showcase module. It’s like displaying any of your beauty product for it’s features.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="social-follow-16_wrap"><div class="documentor-section  section-4632" id="social-follow-16" data-section-id="4632"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.33.</span>Social Follow <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#social-follow-16')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/social-follow-6.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25334 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/social-follow-6.png" alt="HubSpot Theme: Social follow" width="378" height="105" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/social-follow-6.png 378w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/social-follow-6-300x83.png 300w" sizes="(max-width: 378px) 100vw, 378px" /></a></div>
<p><span style="font-weight: 400;">Everybody is on social media these days. In fact, as a luxury beauty spa owner, you must be active on all social media platforms. Sign up on the most popular ones and you can add social icons on your landing pages. In this way your visitors can tag and follow you on every platform.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="scroll-to-top-7_wrap"><div class="documentor-section  section-4633" id="scroll-to-top-7" data-section-id="4633"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.34.</span>Scroll To Top <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#scroll-to-top-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25335 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-2.png" alt="HubSpot Theme: Scroll to top" width="1386" height="555" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-2.png 1386w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-2-300x120.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-2-1024x410.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/scroll-to-top-2-768x308.png 768w" sizes="(max-width: 1386px) 100vw, 1386px" /></a></div>
<p><span style="font-weight: 400;">Scroll to top module is a great way to improve user experience without making them scroll back to the top of a lengthy website page. As soon a user clicks on this button, the user by default reaches the top of a page.  </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="spacer-18_wrap"><div class="documentor-section  section-4634" id="spacer-18" data-section-id="4634"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.35.</span>Spacer <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#spacer-18')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacer-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25338 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacer-1.png" alt="HubSpot Theme: Spacer" width="1151" height="621" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacer-1.png 1151w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacer-1-300x162.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacer-1-1024x552.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/spacer-1-768x414.png 768w" sizes="(max-width: 1151px) 100vw, 1151px" /></a></div>
<p><span style="font-weight: 400;">The spacer module does not have any editable option. Spacer allows adjusting spacing on the desktop, mobile, and tablet height and background color. With the spacer module, you can add vertical spaces between sections and modules as and when required.   </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="team-grid_wrap"><div class="documentor-section  section-4635" id="team-grid" data-section-id="4635"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.36.</span>Team Grid <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#team-grid')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Team-Grid.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25340 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Team-Grid.png" alt="HubSpot Theme: Team Grid" width="792" height="810" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Team-Grid.png 792w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Team-Grid-293x300.png 293w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Team-Grid-768x785.png 768w" sizes="(max-width: 792px) 100vw, 792px" /></a></div>
<p><span style="font-weight: 400;">People like knowing who is behind those perfect makeup and great customer service. For that you can use the team grid module to display the images of your team members in the form of a grid. Let people know your makeup &amp; therapy artists.  </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="team-slider_wrap"><div class="documentor-section  section-4636" id="team-slider" data-section-id="4636"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.37.</span>Team Slider <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#team-slider')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-slider.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25342 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-slider.png" alt="HubSpot Theme: Team Slider" width="1241" height="345" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-slider.png 1241w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-slider-300x83.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-slider-1024x285.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/team-slider-768x214.png 768w" sizes="(max-width: 1241px) 100vw, 1241px" /></a></div>
<p><span style="font-weight: 400;">Similar to the team grid, you can also display the team members in the form of a slider.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="quote_wrap"><div class="documentor-section  section-4637" id="quote" data-section-id="4637"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.38.</span>Quote  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#quote')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Quote.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25344 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Quote.png" alt="HubSpot Theme: Quote" width="1226" height="559" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Quote.png 1226w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Quote-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Quote-1024x467.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Quote-768x350.png 768w" sizes="(max-width: 1226px) 100vw, 1226px" /></a></div>
<p><span style="font-weight: 400;">Customer reviews are trust symbol for businesses. Additionally, it makes people want to visit your beauty spa or nail parlor too. The quote module allows adding quotes form superfan customer or some influencers. You can enable or disable autoplay too.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="review-3_wrap"><div class="documentor-section  section-4638" id="review-3" data-section-id="4638"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.39.</span>Review <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#review-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Review.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25346 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Review.png" alt=" HubSpot Theme: Review" width="1285" height="415" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Review.png 1285w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Review-300x97.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Review-1024x331.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Review-768x248.png 768w" sizes="(max-width: 1285px) 100vw, 1285px" /></a></div>
<p><span style="font-weight: 400;">Review module allows adding testimonials on your landing pages. You can add an image and edit styles too.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="timeline_wrap"><div class="documentor-section  section-4639" id="timeline" data-section-id="4639"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.40.</span>Timeline <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#timeline')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/timeline.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25348 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/timeline.png" alt="HubSpot Theme: Timeline" width="1298" height="558" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/timeline.png 1298w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/timeline-300x129.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/timeline-1024x440.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/timeline-768x330.png 768w" sizes="(max-width: 1298px) 100vw, 1298px" /></a></div>
<p><span style="font-weight: 400;">Show a series of events using the timeline module. It’s upto you to decide the process or tell your story through timeline module.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="title-content-15_wrap"><div class="documentor-section  section-4640" id="title-content-15" data-section-id="4640"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.41.</span>Title Content <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#title-content-15')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/title-content.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25350 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/title-content.png" alt="HubSpot Theme: Title Content" width="651" height="411" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/title-content.png 651w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/title-content-300x189.png 300w" sizes="(max-width: 651px) 100vw, 651px" /></a></div>
<p><span style="font-weight: 400;">As the name makes it clear, the title content module is your aid to add content on your landing pages. You can also add sub headings, mini titles, and CTA buttons. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="video-popup-14_wrap"><div class="documentor-section  section-4641" id="video-popup-14" data-section-id="4641"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.42.</span>Video Popup <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#video-popup-14')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Video-popup.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25352 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Video-popup.png" alt=" HubSpot Theme: Video popup" width="695" height="498" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Video-popup.png 695w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Video-popup-300x215.png 300w" sizes="(max-width: 695px) 100vw, 695px" /></a></div>
<p><span style="font-weight: 400;">If there is anything better than images, I’d say it will be a video! If you’re looking to fit a behind the scene video of your luxury spa, the video popup module is your way to go. You can embed a video code and show it on any of your website landing pages. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="video-gallery_wrap"><div class="documentor-section  section-4642" id="video-gallery" data-section-id="4642"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.5.43.</span>Video Gallery <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#video-gallery')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Just as you have an image gallery, the video gallery allows you to add multiple videos on your website pages in the form of a gallery. It could be any fashion or event series you shot at your studio or even simple customer video testimonials. </span></p>
<p><strong>(a) Vertical</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25355 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery.png" alt="HubSpot Theme: Video gallery" width="1279" height="510" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery.png 1279w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-300x120.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-1024x408.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-768x306.png 768w" sizes="(max-width: 1279px) 100vw, 1279px" /></a></div>
<p><strong>(b) Horizontal</strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-horizontal.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25356 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-horizontal.png" alt="HubSpot Theme: Video gallery" width="1210" height="716" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-horizontal.png 1210w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-horizontal-300x178.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-horizontal-1024x606.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/video-gallery-horizontal-768x454.png 768w" sizes="(max-width: 1210px) 100vw, 1210px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="website-landing-page-templates_wrap"><div class="documentor-section  section-4590" id="website-landing-page-templates" data-section-id="4590"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.</span>Website & Landing Page Templates <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#website-landing-page-templates')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The Glambiz theme has the following templates: </span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Homepage</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Homepage &#8211; Nail Art</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Homepage &#8211; Spa </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">About us &#8211; Company</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">About us &#8211; Individual</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Services </span></li>
<li aria-level="1"><span style="font-weight: 400;">Service Details</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Products Listing</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Products Detail</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Contact us</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"> Team </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"> Testimonial</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"> Gallery</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"> Pricing</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"> Events Listing</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"> Appointment Landing Page.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"> Event Landing Page.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"> Blog Listing</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"> Blog Details</span></li>
<li aria-level="1"><span style="font-weight: 400;">Blog Listing Masonry  </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"> Coming Soon</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"> Thank You one</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"> Thank You two</span></li>
</ol>
<p><b>Read More:</b> <strong><a href="https://makewebbetter.com/blog/customize-hubspot-templates/">Easiest Ways To Customize HubSpot Templates</a></strong></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="reusable-sections_wrap"><div class="documentor-section  section-4591" id="reusable-sections" data-section-id="4591"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.</span> Reusable Sections <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#reusable-sections')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">There are 8 reusable sections in Glambiz theme.    </span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Booking</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Icon box and Form</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two-column Content and Image</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two-column Image and Content</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two-column Content and Video</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two-column Form and Map</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two-column Map and Content</span></li>
</ol>
<p><b> </b><b>Read More:</b> <strong><a href="https://support.makewebbetter.com/hubspot-themes/how-to-work-with-hubspot-cms-reusable-sections/">How to use reusable sections?</a></strong></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="editing-blog-pages-3_wrap"><div class="documentor-section  section-4592" id="editing-blog-pages-3" data-section-id="4592"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.</span>Editing Blog Pages <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#editing-blog-pages-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Blogs are a great way to interact with users and deliver information on various topics. The premium blog templates from the Glambiz HubSpot theme are highly editable to your needs. </span></p>
<p><span style="font-weight: 400;">There are three blog templates available:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Glambiz Blog Grid</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Glambiz Blog Masonry</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Glambiz Blog Detail </span></li>
</ul>
<p><span style="font-weight: 400;">To edit the blog grid template, you can follow this path:</span></p>
<ul>
<li><span style="font-weight: 400;"><i>Go to marketing &gt; blog &gt; select Glambiz blog grid. </i>When you hover over the listing page, you will see three options. <b><i>Edit, View &amp; Detail. </i></b>If you click the edit option, you will be able to check &amp; edit the <b>blog listing module.</b><br />
</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-grid.png"><br />
</a><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-grid.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25830 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-grid.png" alt="Blog grid" width="1678" height="522" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-grid.png 1678w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-grid-300x93.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-grid-1024x319.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-grid-768x239.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/blog-grid-1536x478.png 1536w" sizes="(max-width: 1678px) 100vw, 1678px" /></a></div>
<p><span style="font-weight: 400;">To edit the Glambiz Blog Masonry template, follow these steps:</span></p>
<p><i><span style="font-weight: 400;">Go to marketing &gt; blog &gt; select Glambiz Masonry Blog from dropdown. </span></i><span style="font-weight: 400;">When you hover over the masonry blog listing page, you will see three options. </span><b><i>Edit, View &amp; Detail. </i></b><span style="font-weight: 400;">If you click the edit option, you will be able to check &amp; edit the </span><b>blog masonry listing module.</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-HubSpot.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25831 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-HubSpot.png" alt="glambiz theme blog " width="1706" height="528" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-HubSpot.png 1706w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-HubSpot-300x93.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-HubSpot-1024x317.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-HubSpot-768x238.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/Blog-HubSpot-1536x475.png 1536w" sizes="(max-width: 1706px) 100vw, 1706px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="editing-system-pages_wrap"><div class="documentor-section  section-4593" id="editing-system-pages" data-section-id="4593"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.</span>Editing System Pages <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#editing-system-pages')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The general system page settings have been discussed above under the edit theme settings option. For applying Glambiz system pages,</span></p>
<ul>
<li><span style="font-weight: 400;">Go to </span><i><span style="font-weight: 400;">settings &gt; website dropdown (lower left corner of screen) &gt; pages &gt; system pages (from top tabs) &gt; select the system page from drop down for different error pages, etc.</span></i>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/10/edit-system-page-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-25186 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/10/edit-system-page-1.png" alt="Edit system page" width="900" height="660" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/10/edit-system-page-1.png 900w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/edit-system-page-1-300x220.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/10/edit-system-page-1-768x563.png 768w" sizes="(max-width: 900px) 100vw, 900px" /></a></div>
</li>
</ul>
<p><span style="font-weight: 400;">The Glambiz HubSpot CMS theme has the following system pages:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">Error 404</span></i></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">Error 500</span></i></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">Backup Unsubscribe</span></i></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">Subscription Preferences</span></i></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">Subscription Confirmation</span></i></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">Search Result</span></i></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">Password Prompt</span></i></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">Membership Login</span></i></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;">Membership Register</span></i></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;"> Membership Reset Password</span></i></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><span style="font-weight: 400;"> Membership Reset Password Request   </span></i></li>
</ul>
<p><i></i><b>Read More: </b><span style="font-weight: 400;">How to change system templates?</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="theme-support_wrap"><div class="documentor-section  section-4594" id="theme-support" data-section-id="4594"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">6.</span>Theme Support  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#theme-support')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p dir="ltr" style="line-height: 1.38; margin-top: 0pt; margin-bottom: 0pt;"><span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">Glambiz is a premium HubSpot theme catering to your HubSpot CMS needs for your cosmetic &amp; beauty eCommerce efforts or makeup, spa &amp; salon service website. In case, you have any queries regarding </span><span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">theme customization or consultation </span><span style="font-size: 11pt; font-family: Arial; color: #000000; background-color: transparent; font-weight: 400; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">contact us on this page by <a href="https://makewebbetter.com/hubspot-themes/">filling out a form</a>.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--></div><!--.doc-sec-container--><div id="sugestedit_popup347" class="sugestedit_popup">
				<a class="modal_close"></a>
				<form name="documentor-suggestform" method="post" class="documentor-suggestform">
					<div class="doc-frmdiv" style="font-weight: bold;">Suggest Edit
					</div>
					<div class="doc-frmdiv">
						<input type="text" name="sec_title" class="sedit-sectitle txtinput" value="" />
					</div><div class="doc-frmdiv">
							<input type="text" name="name" class="txtinput" placeholder="Name" required />
						</div><div class="doc-frmdiv">
							<input type="email" class="emailinput" placeholder="Email" name="email" required /> 
						</div><div class="doc-frmdiv">
							<textarea name="content" class="textareainput" placeholder="Post your suggestion..." required></textarea>
						</div><div class="doc-frmdiv"><label> Captcha :&nbsp; </label><span class="doc-sedit-captcha"></span></div><input type="hidden" class="sedit-secid" name="secid" value="" />
					<input type="hidden" class="sedit-postid" name="sedit_postid" value="" />
					<input type="hidden" class="sedit-docid" name="docid" value="347" />
					<button class="docsubmit-suggestform"> Submit </button>
				</form>
			</div><script type="text/javascript">
			jQuery(document).ready(function(){
				jQuery("#documentor-347").documentor({
					documentid	: 347,
					docid		: "documentor-347",
					animation	: "",
					indexformat	: "1",
					pformat		: "decimal",
					cformat		: "decimal",					
					secstyle	: "clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;",
					actnavbg_default: "1",
					actnavbg_color	: "#000000",
					enable_ajax	: "0",
					scrolling	: "1",
					fixmenu		: "1",
					skin		: "mint",
					scrollBarSize	: "3",
					scrollBarColor	: "#326693",
					scrollBarOpacity: "0.4",
					windowprint	: "0",
					menuTop: "20",
					socialshare	: 0,
					sharecount	: 1,
					fbshare		: 1,
					twittershare	: 1,
					gplusshare	: 1,
					pinshare	: 1,
					togglechild	: 0,
					noResultsStr: "No results found!",
				});	
			});</script></div><!--/.document-wrapper--></div><div class="cleardiv"> </div><div id="documentor-347-end"></div></p>
<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/glambiz-hubspot-theme/">Glambiz HubSpot Theme</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://docs.makewebbetter.com/glambiz-hubspot-theme/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Nyc Clinic HubSpot Theme</title>
		<link>https://docs.makewebbetter.com/nyc-clinic-hubspot-theme/</link>
					<comments>https://docs.makewebbetter.com/nyc-clinic-hubspot-theme/#respond</comments>
		
		<dc:creator><![CDATA[sanjeev maurya]]></dc:creator>
		<pubDate>Wed, 27 Jul 2022 10:51:45 +0000</pubDate>
				<category><![CDATA[HubSpot Themes]]></category>
		<category><![CDATA[hubspot free themes]]></category>
		<category><![CDATA[medical themes]]></category>
		<category><![CDATA[medicare themes]]></category>
		<category><![CDATA[nyc theme]]></category>
		<guid isPermaLink="false">https://docs.makewebbetter.com/?p=23686</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/nyc-clinic-hubspot-theme/">Nyc Clinic HubSpot Theme</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></description>
										<content:encoded><![CDATA[</p>
<p><div id="documentor-341" class="documentor-mint documentor-wrap" data-docid = "341" ><div class="documentor-topicons doc-noprint"><span class="doc-topiconswrap"></span><div class="cleardiv"></div><div class="clrright"></div></div><div class="document-wrapper"><div class="doc-menu doc-noprint"><div class="doc-menurelated"><ol class="doc-list-front"><li class="doc-actli"><a class="documentor-menu" href="#overview-289"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#overview-289" data-sec-counter="1" data-section-id="4200">Overview</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#whats-included-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#whats-included-2" data-sec-counter="2" data-section-id="4201">What's Included?</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#edit-theme-settings-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#edit-theme-settings-8" data-sec-counter="3" data-section-id="4202">Edit Theme Settings</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#global-color-and-font-setting-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#global-color-and-font-setting-2" data-sec-counter="3.1" data-section-id="4203">Global Color And Font Setting</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#typography-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#typography-7" data-sec-counter="3.2" data-section-id="4204">Typography </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#buttons-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#buttons-5" data-sec-counter="3.3" data-section-id="4205">Buttons</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#forms-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#forms-10" data-sec-counter="3.4" data-section-id="4364">Forms</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#tables-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#tables-6" data-sec-counter="3.5" data-section-id="4206">Tables</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#website-header-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#website-header-4" data-sec-counter="3.6" data-section-id="4207">Website Header</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#website-footer-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#website-footer-4" data-sec-counter="3.7" data-section-id="4208">Website Footer</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#spacing-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#spacing-7" data-sec-counter="3.8" data-section-id="4209">Spacing</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#system-page-setting-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#system-page-setting-9" data-sec-counter="3.9" data-section-id="4210">System Page Setting</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-settings-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-settings-5" data-sec-counter="3.10" data-section-id="4211">Blog Settings</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#theme-modules-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#theme-modules-3" data-sec-counter="4" data-section-id="4212">Theme Modules</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#accordion-13"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#accordion-13" data-sec-counter="4.1" data-section-id="4365">Accordion</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#banner-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#banner-6" data-sec-counter="4.2" data-section-id="4366">Banner</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-related-post"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-related-post" data-sec-counter="4.3" data-section-id="4367">Blog Related Post</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-listing-20"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-listing-20" data-sec-counter="4.4" data-section-id="4368">Blog Listing</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-button-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-button-2" data-sec-counter="4.5" data-section-id="4369">Custom Button</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#copyright-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#copyright-7" data-sec-counter="4.6" data-section-id="4370">Copyright</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#counter-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#counter-8" data-sec-counter="4.7" data-section-id="4371">Counter</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-form-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-form-7" data-sec-counter="4.8" data-section-id="4372">Custom Form</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#donation-form-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#donation-form-6" data-sec-counter="4.9" data-section-id="4373">Donation Form</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#event-listing-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#event-listing-6" data-sec-counter="4.10" data-section-id="4374">Event Listing</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#filter-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#filter-4" data-sec-counter="4.11" data-section-id="4375">Filter</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#footer-nav-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#footer-nav-4" data-sec-counter="4.12" data-section-id="4376">Footer Nav</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-controler"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-controler" data-sec-counter="4.13" data-section-id="4377">Header Controller</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-toggler-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-toggler-7" data-sec-counter="4.14" data-section-id="4378">Header Toggler</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#icon-box-12"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#icon-box-12" data-sec-counter="4.15" data-section-id="4379">Icon Box</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-image-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-image-6" data-sec-counter="4.16" data-section-id="4380">Custom Image</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#logo-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#logo-10" data-sec-counter="4.17" data-section-id="4381">Logo </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#map-11"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#map-11" data-sec-counter="4.18" data-section-id="4382">Map</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-menu-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-menu-2" data-sec-counter="4.19" data-section-id="4383">Custom Menu</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#social-follow-11"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#social-follow-11" data-sec-counter="4.20" data-section-id="4384">Social Follow</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#spacer-13"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#spacer-13" data-sec-counter="4.21" data-section-id="4385">Spacer</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#team-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#team-9" data-sec-counter="4.22" data-section-id="4386">Team</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#testimonial-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#testimonial-9" data-sec-counter="4.23" data-section-id="4387">Testimonial</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#title-content-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#title-content-10" data-sec-counter="4.24" data-section-id="4388">Title Content</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#video-popup-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#video-popup-9" data-sec-counter="4.25" data-section-id="4389">Video Popup</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#theme-sections-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#theme-sections-6" data-sec-counter="5" data-section-id="4213">Theme Sections</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#two-column-content-and-image"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#two-column-content-and-image" data-sec-counter="5.1" data-section-id="4214">Two Column Content and Image</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#two-column-video-and-content"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#two-column-video-and-content" data-sec-counter="5.2" data-section-id="4215">Two Column Video and Content</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#two-column-content-and-counter"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#two-column-content-and-counter" data-sec-counter="5.3" data-section-id="4216">Two Column Content and Counter</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#two-column-content-and-form"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#two-column-content-and-form" data-sec-counter="5.4" data-section-id="4217">Two Column Content and Form</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#donation-form-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#donation-form-5" data-sec-counter="5.5" data-section-id="4218">Donation Form</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#call-to-action-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#call-to-action-4" data-sec-counter="5.6" data-section-id="4219">Call To Action</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#theme-templates-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#theme-templates-6" data-sec-counter="6" data-section-id="4220">Theme Templates</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#system-pages-14"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#system-pages-14" data-sec-counter="7" data-section-id="4221">System Pages</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></div></div><div class="doc-sec-container" id="documentor_seccontainer"><div class="doc-sectionwrap" id="overview-289_wrap"><div class="documentor-section  section-4200" id="overview-289" data-section-id="4200"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.</span>Overview <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#overview-289')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">NYC Clinic is a free HubSpot theme crafted for medicare services, medical practitioners, clinic owners, hospitals, etc.</span></p>
<p><span style="font-weight: 400;">The highlighted features of the NYC Clinic HubSpot theme include:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">20+ customizable drag and drop module</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Quick customization with easy theme settings</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Fully responsive pages</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Speed optimized pages</span></li>
</ul>
<p><span style="font-weight: 400;">The theme is fairly easy to use. But, if you need any assistance with the installation or setup, </span><strong><a href="https://meetings.hubspot.com/makewebbetter/free-hubspot-consultation?utm_source=landingpage&amp;utm_medium=mwb&amp;utm_campaign=CTA">connect with us</a></strong><span style="font-weight: 400;"> for a</span><b> free 15 minutes session.</b></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="whats-included-2_wrap"><div class="documentor-section  section-4201" id="whats-included-2" data-section-id="4201"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.</span>What's Included? <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#whats-included-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">NYC Clinic theme offers,</span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">31 Modules</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">6 Sections</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">6 Templates</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">2 Blog Templates</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">7 System Pages</span></li>
</ol>
<p><b>Note: </b><span style="font-weight: 400;">If you want to add any feature/module/template to your theme, </span><strong><a href="https://makewebbetter.com/hubspot-themes/">Contact Us</a></strong><span style="font-weight: 400;">, share your requirements and we’ll get it done for you at affordable prices.</span></p>
<p><span style="font-weight: 400;">Let us begin with the theme documentation.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="edit-theme-settings-8_wrap"><div class="documentor-section  section-4202" id="edit-theme-settings-8" data-section-id="4202"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.</span>Edit Theme Settings <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#edit-theme-settings-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/Edit-theme-1-144x300.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23724 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/Edit-theme-1.png" alt="" width="356" height="743" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/Edit-theme-1.png 356w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/Edit-theme-1-144x300.png 144w" sizes="(max-width: 356px) 100vw, 356px" /></a></div>
<p><span style="font-weight: 400;">Through the edit theme setting, you can make global changes to your HubSpot theme. For navigating to the theme settings, </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><i><i><i><i><span style="font-weight: 400;">create a page using the theme &gt; on the edit page panel &gt; click on Theme &gt; Edit Theme Settings.</span></i></i></i></i><span style="font-weight: 400;"><span style="font-weight: 400;"><span style="font-weight: 400;">
<p>You’ll find the following settings here: </span></span></span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="global-color-and-font-setting-2_wrap"><div class="documentor-section  section-4203" id="global-color-and-font-setting-2" data-section-id="4203"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.1.</span>Global Color And Font Setting <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#global-color-and-font-setting-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Global Colors setting lets you configure primary &amp; secondary color, body background, and heading colors. Similarly, the Global Fonts setting lets you change the Heading font and Body font of the theme.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/global-font-color.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23728 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/global-font-color.png" alt="" width="331" height="648" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/global-font-color.png 331w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/global-font-color-153x300.png 153w" sizes="(max-width: 331px) 100vw, 331px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="typography-7_wrap"><div class="documentor-section  section-4204" id="typography-7" data-section-id="4204"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.2.</span>Typography  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#typography-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">This setting lets you tweak the headings from H1 to H6 along with the body and links.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/typography.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23732 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/typography.png" alt="" width="312" height="567" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/typography.png 312w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/typography-165x300.png 165w" sizes="(max-width: 312px) 100vw, 312px" /></a></div>
<div><span style="font-weight: 400;">The H1 to body submenu of the typography has options to select desktop font, adjust line height in pixels, alter letter spacing, and text transformation. For mobile devices, you can change the font size, line height, and letter spacing of the theme. You can change the normal and hover color of the links too.</span></div>
<div></div>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="buttons-5_wrap"><div class="documentor-section  section-4205" id="buttons-5" data-section-id="4205"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.3.</span>Buttons <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#buttons-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/buttons.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23734 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/buttons.png" alt="" width="315" height="334" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/buttons.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/buttons-283x300.png 283w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p><span style="font-weight: 400;">You’ll find the following settings here:</span></p>
<ul>
<li aria-level="1"><b>Button: </b><span style="font-weight: 400;">Includes option to edit button text, spacing, corner radius, and enabling animation.</span></li>
<li aria-level="1"><b>Dark: </b><span style="font-weight: 400;">Includes the option to change normal hover and active button font, text color, background color, and border style for the filled and outlined button.</span></li>
<li aria-level="1"><b>Light: </b><span style="font-weight: 400;">Change the light-filled button text background border color for normal, active, and hover cases. </span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="forms-10_wrap"><div class="documentor-section  section-4364" id="forms-10" data-section-id="4364"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.4.</span>Forms <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#forms-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The following form sections have these mentioned settings for forms:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><b>Titles</b><span style="font-weight: 400;">: Edit text (font, line height, letter spacing, text transformation), background color, spacing, and corner radius. The border radius only alters the top left and top right of the title.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Labels</b><span style="font-weight: 400;">: You can edit the text and spacing of the form labels.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><b>Help text: </b>Change the font of the help text on forms.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;"><span style="font-weight: 400;"><b>Fields: </b>Change the font of the GDPR Text and Rich Text, alter border radius, change border color on focus, border style, spacing, background color, text, and placeholder color of the input fields.</span></span></li>
<li style="font-weight: 400;" aria-level="1"><b></b><b></b><b>Form: </b><span style="font-weight: 400;"><span style="font-weight: 400;">Alter form background color, mobile and desktop spacing, border style, and corner radius of the form.</span></span></li>
<li style="font-weight: 400;" aria-level="1"><b>Error Messages: </b><span style="font-weight: 400;">Change font, alter spacing, and border color of the error messages.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="tables-6_wrap"><div class="documentor-section  section-4206" id="tables-6" data-section-id="4206"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.5.</span>Tables <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#tables-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/tables.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23737 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/tables.png" alt="" width="319" height="411" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/tables.png 319w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/tables-233x300.png 233w" sizes="(max-width: 319px) 100vw, 319px" /></a></div>
<p><span style="font-weight: 400;">The tables option has a further 4 sub-options.</span></p>
<ul>
<li><b>Table Header: </b><span style="font-weight: 400;">Change table header text color and background color.</span></li>
<li><b>Table Body: </b><span style="font-weight: 400;">Change table body text color and background color.</span></li>
<li><b>Table Footer: </b><span style="font-weight: 400;">Change table footer text color and background color.</span><b> </b></li>
<li><b>Table Cells: </b><span style="font-weight: 400;">Change spacing, padding, and border of table cells.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="website-header-4_wrap"><div class="documentor-section  section-4207" id="website-header-4" data-section-id="4207"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.6.</span>Website Header <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#website-header-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/website-header.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23740 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/website-header.png" alt="" width="353" height="400" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/website-header.png 353w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/website-header-265x300.png 265w" sizes="(max-width: 353px) 100vw, 353px" /></a></div>
<p><span style="font-weight: 400;">The website header has 5 sub-settings.</span></p>
<ul>
<li><b>Header Top: </b><span style="font-weight: 400;">Enable or disable header top.</span></li>
<li><b>Header Bottom: </b><span style="font-weight: 400;">Enable or disable header bottom.</span></li>
<li><b>Box Shadow: </b><span style="font-weight: 400;">Enable or disable box shadow and change box shadow color.</span></li>
<li><b>Background: </b><span style="font-weight: 400;">Change website header background color.</span></li>
<li><b></b><b>Menu: </b><span style="font-weight: 400;">Change menu text, hover and active font, change drop down text and background color hover text background and active text color.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="website-footer-4_wrap"><div class="documentor-section  section-4208" id="website-footer-4" data-section-id="4208"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.7.</span>Website Footer <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#website-footer-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/website-footer-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23744 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/website-footer-1.png" alt="" width="353" height="355" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/website-footer-1.png 353w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/website-footer-1-298x300.png 298w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/website-footer-1-150x150.png 150w" sizes="(max-width: 353px) 100vw, 353px" /></a></div>
<div></div>
<p><span style="font-weight: 400;">You can edit the website footer with the following options:</span></p>
<ul>
<li><b>Background: </b><span style="font-weight: 400;">Change the background color of the website footer.</span></li>
<li><b>Heading: </b><span style="font-weight: 400;">Change mobile font size, line height, desktop font, line height, and text transformation.</span></li>
<li><b>Text: </b><span style="font-weight: 400;">Change website footer text for desktop (font, line height, and text transformation) and mobile ( font size &amp; line height)</span><b> </b></li>
<li><b></b><b>Menu: </b><span style="font-weight: 400;">Change footer menu text and background color.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="spacing-7_wrap"><div class="documentor-section  section-4209" id="spacing-7" data-section-id="4209"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.8.</span>Spacing <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#spacing-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;"> You can adjust the horizontal and vertical spacing on desktop and mobile from the spacing option.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/spacing.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23747 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/spacing.png" alt="" width="349" height="360" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/spacing.png 349w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/spacing-291x300.png 291w" sizes="(max-width: 349px) 100vw, 349px" /></div>
<p></a></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="system-page-setting-9_wrap"><div class="documentor-section  section-4210" id="system-page-setting-9" data-section-id="4210"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.9.</span>System Page Setting <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#system-page-setting-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>&nbsp;</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/system-page-setting-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23750 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/system-page-setting-1.png" alt="" width="311" height="425" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/system-page-setting-1.png 311w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/system-page-setting-1-220x300.png 220w" sizes="(max-width: 311px) 100vw, 311px" /></a></div>
<p>You can use the system page settings to make changes to system pages. There are 4 settings here,</p>
<ul>
<li><b>Error Page Setting (404)</b><span style="font-weight: 400;">: Enable/disable the error image, and change the error banner image from here.</span></li>
<li><b>Error Page Setting (500)</b><span style="font-weight: 400;">: Enable/disable the error image, and change the error banner image from here.</span></li>
<li><b>Backup Unsubscribe</b><span style="font-weight: 400;">: Enable/disable the banner image, and change the backup unsubscribe banner image from here.</span></li>
<li><b>Password Prompt</b><span style="font-weight: 400;">: Enable/disable the password prompt image, and change the password prompt banner from here.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-settings-5_wrap"><div class="documentor-section  section-4211" id="blog-settings-5" data-section-id="4211"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.10.</span>Blog Settings <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-settings-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/blog-settings.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23752 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/blog-settings.png" alt="" width="316" height="275" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/blog-settings.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/blog-settings-300x261.png 300w" sizes="(max-width: 316px) 100vw, 316px" /></div>
<p></a></p>
<p><span style="font-weight: 400;">You can configure the blog post settings here. There are 2 settings in this section:</span></p>
<ul>
<li><b>Sidebar:</b><span style="font-weight: 400;"> Enable or disable the sidebar on the blog from here.</span></li>
<li><b>Blog Post:</b><span style="font-weight: 400;"> You can show/hide the author name, image, timestamp, tags, and related posts from here.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="theme-modules-3_wrap"><div class="documentor-section  section-4212" id="theme-modules-3" data-section-id="4212"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.</span>Theme Modules <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#theme-modules-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Check out the complete list of </span><b>25 modules</b><span style="font-weight: 400;"> you get with this NYC Clinic theme:</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="accordion-13_wrap"><div class="documentor-section  section-4365" id="accordion-13" data-section-id="4365"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.1.</span>Accordion <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#accordion-13')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The accordion module is used to add popular or most asked questions in the form of FAQs to your landing pages</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-1-300x163.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24251 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-1.png" alt="Accordian" width="1210" height="657" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-1.png 1210w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-1-300x163.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-1-1024x556.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-1-768x417.png 768w" sizes="(max-width: 1210px) 100vw, 1210px" /></a></div>
<p><span style="font-weight: 400;">It has several settings.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24252 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-2-1.png" alt="Accordian" width="315" height="527" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-2-1.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-2-1-179x300.png 179w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<ul>
<li><span style="font-weight: 400;">Add multiple accordions, and choose icon position.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Edit each accordion </span><b>title, description, and replace or remove the accordion open and close icon.</b></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-3-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24253 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-3-1.png" alt="Accordian" width="317" height="1201" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-3-1.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-3-1-79x300.png 79w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-3-1-270x1024.png 270w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
<p><span style="font-weight: 400;">From it’s style tab, you can change the </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">accordion </span><b>background color, spacing, border radius, and box-shadow</b></li>
<li style="font-weight: 400;" aria-level="1"><b>title font and spacing, content font and spacing    </b><span style="font-weight: 400;"> </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Overwrite </span><b>icon color settings</b></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-4-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24254 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-4-1.png" alt="Accordian" width="314" height="469" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-4-1.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-4-1-201x300.png 201w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="banner-6_wrap"><div class="documentor-section  section-4366" id="banner-6" data-section-id="4366"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.2.</span>Banner <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#banner-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The banner is the first thing that the visitors check out as soon as they land on your website. You can add and edit the NYC Clinic banner according to your needs.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Banner-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24255 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Banner-1.png" alt="Banner" width="314" height="486" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Banner-1.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Banner-1-194x300.png 194w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
<p><span style="font-weight: 400;">Banner has the following settings:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><b>Layout: </b><span style="font-weight: 400;">Choose a banner layout from three options, i.e. background color, background image, or banner with image.</span></li>
</ul>
<p><strong> 1.</strong> <span style="font-weight: 400;">Background color</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Banner-Background-color.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24258 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Banner-Background-color.png" alt="Banner" width="1347" height="381" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Banner-Background-color.png 1347w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Banner-Background-color-300x85.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Banner-Background-color-1024x290.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Banner-Background-color-768x217.png 768w" sizes="(max-width: 1347px) 100vw, 1347px" /></a></div>
<p><strong> 2. <span style="font-weight: 400;">Background image</span></strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-background-image.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24259 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-background-image.png" alt="Banner" width="1907" height="403" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-background-image.png 1907w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-background-image-300x63.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-background-image-1024x216.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-background-image-768x162.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-background-image-1536x325.png 1536w" sizes="(max-width: 1907px) 100vw, 1907px" /></a></div>
<p><strong>3</strong>. <span style="font-weight: 400;">Background image</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24260 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image-1.png" alt="Banner" width="1240" height="504" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image-1.png 1240w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image-1-300x122.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image-1-1024x416.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image-1-768x312.png 768w" sizes="(max-width: 1240px) 100vw, 1240px" /></a></div>
<ul>
<li><b>Button/breadcrumb Choice: </b><span style="font-weight: 400;">Select button or breadcrumb for navigation.</span><b> </b></li>
<li aria-level="1"><b>Content: </b><span style="font-weight: 400;">Enable mini title, add &amp; edit content, enable primary and secondary buttons with links, change button style between outlined, filled, or dark style buttons, and edit the button text.</span></li>
<li aria-level="1"><b>Icon Box: </b><span style="font-weight: 400;">Enable an icon box on the banner, add multiple icon boxes, and edit the text of the icon box.</span><b>  </b></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24256 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-2.png" alt="Banner" width="316" height="208" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-2.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-2-300x197.png 300w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
<p><span style="font-weight: 400;">Its style tab has the following settings:</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24257 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-3.png" alt="Banner" width="311" height="621" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-3.png 311w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-3-150x300.png 150w" sizes="(max-width: 311px) 100vw, 311px" /></a></div>
<ul>
<li><b>Background color: </b><span style="font-weight: 400;">Change the banner background color</span></li>
<li aria-level="1"><b>Spacing: </b><span style="font-weight: 400;">Adjust desktop and mobile spacing </span><b> </b></li>
<li aria-level="1"><b>Content: </b><span style="font-weight: 400;">Choose a content alignment for mobile and desktop, set a maximum width and enable it, overwrite content color by changing the text and title color, and change banner text color for mobile devices.   </span></li>
<li aria-level="1"><b>Icon Box: </b>Overwrite icon box settings by changing icon color and text color.</li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-related-post_wrap"><div class="documentor-section  section-4367" id="blog-related-post" data-section-id="4367"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.3.</span>Blog Related Post <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-related-post')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can add related posts to your blog page for readers to dig into other pieces.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-related-post.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24261 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-related-post.png" alt="Blog related post" width="808" height="799" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-related-post.png 808w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-related-post-300x297.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-related-post-768x759.png 768w" sizes="(max-width: 808px) 100vw, 808px" /></a></div>
<p><span style="font-weight: 400;">You can edit the section title and the button text.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-related-post-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24263 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-related-post-2.png" alt="Blog related post" width="314" height="420" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-related-post-2.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-related-post-2-224x300.png 224w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-listing-20_wrap"><div class="documentor-section  section-4368" id="blog-listing-20" data-section-id="4368"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.4.</span>Blog Listing <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-listing-20')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can check the blog listing module on the </span><b>blog listing page. For accessing blog listing page:</b></p>
<p><span style="font-weight: 400;">Go the marketing &gt; website &gt; blog. From the left panel select </span><b>blog listing pages </b><span style="font-weight: 400;">and select the NYC blog listing page &gt; Click edit and you will find the blog listing template.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/BLOG-LISTING-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24264 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/BLOG-LISTING-1.png" alt="Blog Listings" width="817" height="432" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/BLOG-LISTING-1.png 817w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/BLOG-LISTING-1-300x159.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/BLOG-LISTING-1-768x406.png 768w" sizes="(max-width: 817px) 100vw, 817px" /></a></div>
<p><span style="font-weight: 400;">The following is a screenshot of what the blog listing page will look like:</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Blog-Listing-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24266 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Blog-Listing-2.png" alt="Blog Listings" width="1105" height="1326" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Blog-Listing-2.png 1105w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Blog-Listing-2-250x300.png 250w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Blog-Listing-2-853x1024.png 853w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Blog-Listing-2-768x922.png 768w" sizes="(max-width: 1105px) 100vw, 1105px" /></a></div>
<p><span style="font-weight: 400;">Further on the blog listing module, you have the following settings:</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-listing-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24267 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-listing-3.png" alt="Blog Listings" width="313" height="520" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-listing-3.png 313w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-listing-3-181x300.png 181w" sizes="(max-width: 313px) 100vw, 313px" /></a></div>
<ul>
<li aria-level="1"><b>Category Mini Title: </b><span style="font-weight: 400;">Add a category mini title on the blog listing page. </span><b> </b></li>
<li aria-level="1"><b>Blog Meta Information: </b><span style="font-weight: 400;">Enable or disable blog meta information like feature image, tags, title, author, description, and button. You can also edit the button text.  </span></li>
<li aria-level="1"><b>Enable box-shadow: </b><span style="font-weight: 400;">Enable or disable box shadow for blog listings.</span><b> </b></li>
<li aria-level="1"><b>Box shadow: </b><span style="font-weight: 400;">Enable Inset, adjust the vertical and horizontal value, blur, spread, and change shadow color.</span><b> </b></li>
<li aria-level="1"><b>Sidebar widgets: </b><span style="font-weight: 400;">Edit search title and button text, popular post title, category title, and search title. </span><b>  </b></li>
<li aria-level="1"><b>Pagination: </b><span style="font-weight: 400;">Edit left and right pagination text. </span><b> </b></li>
</ul>
<p><b>From the style tab, you can edit cards and widgets.  </b>For cards, you can</p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Edit card background color and border-color</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Overwrite card hover color styles, i.e. change the text color of author &amp; date, title, description, and button text.  </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Adjust the corner radius of the card and feature image, overwrite styles of tags, title, author &amp; date, description, and button.      </span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-listing-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24268 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-listing-4.png" alt="Blog LIstings" width="295" height="595" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-listing-4.png 295w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-listing-4-149x300.png 149w" sizes="(max-width: 295px) 100vw, 295px" /></a></div>
<p><b>For widget styles you </b><span style="font-weight: 400;">can overwrite styles of title, category, and popular post widgets.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-listing-5.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24269 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-listing-5.png" alt="Blog Listnings" width="318" height="391" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-listing-5.png 318w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/blog-listing-5-244x300.png 244w" sizes="(max-width: 318px) 100vw, 318px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-button-2_wrap"><div class="documentor-section  section-4369" id="custom-button-2" data-section-id="4369"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.5.</span>Custom Button <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-button-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can add a custom button to your landing pages using the button module. The button settings include:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Choose the button type from filled dark, outlined dark, and filled light, edit button text, and replace or remove the icon.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24271 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-1.png" alt="Custom Button" width="317" height="1055" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-1.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-1-90x300.png 90w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-1-308x1024.png 308w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
<p><span style="font-weight: 400;">There are three button types in the </span><b>custom button module:</b></p>
<p><b>       1. Filled Dark</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Custom-button-Filled-Dark.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24272 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Custom-button-Filled-Dark.png" alt="Custom button" width="368" height="104" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Custom-button-Filled-Dark.png 368w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Custom-button-Filled-Dark-300x85.png 300w" sizes="(max-width: 368px) 100vw, 368px" /></a></div>
<p><b>       2. Outlined Dark</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-Outlined-Dark.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24273 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-Outlined-Dark.png" alt="custom button" width="381" height="116" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-Outlined-Dark.png 381w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-Outlined-Dark-300x91.png 300w" sizes="(max-width: 381px) 100vw, 381px" /></a></div>
<p><b>       3. Filled Light</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-filled-light.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24274 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-filled-light.png" alt="Custom button" width="424" height="92" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-filled-light.png 424w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-filled-light-300x65.png 300w" sizes="(max-width: 424px) 100vw, 424px" /></a></div>
<p><span style="font-weight: 400;">From the </span><b>style tab, </b><span style="font-weight: 400;">you can change the desktop and mobile alignment for the button, and overwrite the button style by changing font, line height, background color, border color and style, and spacing for normal, hover, and active state of buttons.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24275 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-2.png" alt="Custom Button" width="315" height="623" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-2.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-2-152x300.png 152w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="copyright-7_wrap"><div class="documentor-section  section-4370" id="copyright-7" data-section-id="4370"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.6.</span>Copyright <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#copyright-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The copyright module lets you add copyright text on the bottom of the page along with privacy policy, terms and conditions page links.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24276 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-1.png" alt="Copyright" width="1020" height="39" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-1.png 1020w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-1-300x11.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-1-768x29.png 768w" sizes="(max-width: 1020px) 100vw, 1020px" /></a></div>
<p><span style="font-weight: 400;">You can edit the copyright text, privacy policy text, and link. Similar settings are available for terms and conditions.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24278 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-2-1.png" alt="Copyright" width="316" height="445" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-2-1.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-2-1-213x300.png 213w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
<p><span style="font-weight: 400;">The style tab allows adjusting spacing of the copyright module. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24279 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-3.png" alt="Copyright" width="313" height="450" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-3.png 313w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-3-209x300.png 209w" sizes="(max-width: 313px) 100vw, 313px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="counter-8_wrap"><div class="documentor-section  section-4371" id="counter-8" data-section-id="4371"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.7.</span>Counter <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#counter-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The counter module allows you to add numbers on the landing page. It could be for showing your achievements.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24280 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-1-1.png" alt="Counter" width="561" height="532" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-1-1.png 561w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-1-1-300x284.png 300w" sizes="(max-width: 561px) 100vw, 561px" /></a></div>
<p><span style="font-weight: 400;">You can add multiple counters and enable the box shadow for these counters.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24281 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-2-1.png" alt="Counter" width="312" height="526" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-2-1.png 312w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-2-1-178x300.png 178w" sizes="(max-width: 312px) 100vw, 312px" /></a></div>
<p><span style="font-weight: 400;">You can edit the counter text, unit, and value. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24283 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-4.png" alt="Counter" width="315" height="321" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-4.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-4-294x300.png 294w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p><span style="font-weight: 400;">From the style tab, you can change the container&#8217;s maximum width and card alignment and spacing. You can overwrite styles too.</span></p>
<p>&nbsp;</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24284 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-3.png" alt="Counter" width="315" height="310" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-3.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-3-300x295.png 300w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-form-7_wrap"><div class="documentor-section  section-4372" id="custom-form-7" data-section-id="4372"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.8.</span>Custom Form <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-form-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Add a custom form according to your website’s requirements.  </span></p>
<p><b>          1. Multiple field form</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24288 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-1-1.png" alt="Custom form" width="572" height="669" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-1-1.png 572w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-1-1-257x300.png 257w" sizes="(max-width: 572px) 100vw, 572px" /></a></div>
<p>&nbsp;</p>
<p><b>            2. Single inline form   </b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/single-field-inline-form.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24290 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/single-field-inline-form.png" alt="Custom Form" width="715" height="379" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/single-field-inline-form.png 715w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/single-field-inline-form-300x159.png 300w" sizes="(max-width: 715px) 100vw, 715px" /></a></div>
<p><b>          3. Single Field Form With Button at Bottom</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Single-Field-Form-With-Button-at-Bottom.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24291 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Single-Field-Form-With-Button-at-Bottom.png" alt="Custom Form" width="648" height="418" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Single-Field-Form-With-Button-at-Bottom.png 648w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Single-Field-Form-With-Button-at-Bottom-300x194.png 300w" sizes="(max-width: 648px) 100vw, 648px" /></a></div>
<p><span style="font-weight: 400;">You have the </span><b>form layout choice </b><span style="font-weight: 400;">between multiple field form, single field inline form, or single field form with a button at the bottom</span><b>, </b><span style="font-weight: 400;">edit the </span><b>form content like add or remove fields,  thank you </b><span style="font-weight: 400;">text, enable form automation, enable form box shadow, enable input field box-shadow, and edit input field box shadow.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24287 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-2-1.png" alt="Custom form" width="317" height="801" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-2-1.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-2-1-119x300.png 119w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can edit the</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">color, border, and alignment of </span><b> form title</b><span style="font-weight: 400;">   </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enable and change the form background color</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Adjust form spacing, enable form max-width</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Overwrite desktop and mobile form spacing</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Overwrite background color and enable or disable the global border on the input field.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Overwrite form corner radius, and button </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Change the text color, background color, and border color of normal and hover button.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24289 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form4.png" alt="Custom Form" width="322" height="566" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form4.png 322w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form4-171x300.png 171w" sizes="(max-width: 322px) 100vw, 322px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="donation-form-6_wrap"><div class="documentor-section  section-4373" id="donation-form-6" data-section-id="4373"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.9.</span>Donation Form <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#donation-form-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">If you are keen on collecting donations from your website for the greater good you can easily add a donation form using this module. There are many nonprofit organizations that govern hospitals and health centers. They can use a donation form successfully. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/donation-form.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24295 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/donation-form.png" alt="Donation form" width="558" height="672" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/donation-form.png 558w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/donation-form-249x300.png 249w" sizes="(max-width: 558px) 100vw, 558px" /></a></div>
<p><span style="font-weight: 400;">From the donation form you can:</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/donation-form-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24294 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/donation-form-2.png" alt="Donation Form" width="314" height="711" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/donation-form-2.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/donation-form-2-132x300.png 132w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><b>Select a donation form </b><span style="font-weight: 400;">from an existing form or create a new one, </span><b>edit the form title</b></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Edit form content like </span><b>add/delete form field, </b><span style="font-weight: 400;">edit </span><b>button text, </b><span style="font-weight: 400;">select </span><b>GDPR options, and </b><span style="font-weight: 400;">enable </span><b>Captcha </b><span style="font-weight: 400;">for spam prevention.</span> <b> </b><span style="font-weight: 400;">    </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Edit</span><b> thank you</b> <b>message </b><span style="font-weight: 400;">for this form. Please note that the thank you settings will apply to this page only.  </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enable </span><b>form automation </b><span style="font-weight: 400;">and add the </span><b>form to a workflow.</b></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enable </span><b>box-shadow </b><span style="font-weight: 400;">and add box shadows. </span></li>
</ul>
<p><span style="font-weight: 400;">From the style tab of the donation module, you can overwrite the form, form title, and input field settings. You can</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Change background color and adjust max width </span><b>form. </b><span style="font-weight: 400;"> </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Change</span> <span style="font-weight: 400;">border bottom color of </span><b>form title.</b></li>
<li style="font-weight: 400;" aria-level="1">Change background color and border color of form <b>input field. </b></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/donation-form-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24293 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/donation-form-3.png" alt="Donation Form" width="240" height="564" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/donation-form-3.png 240w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/donation-form-3-128x300.png 128w" sizes="(max-width: 240px) 100vw, 240px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="event-listing-6_wrap"><div class="documentor-section  section-4374" id="event-listing-6" data-section-id="4374"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.10.</span>Event Listing <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#event-listing-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">There must be regular or occasional events at your hospitals or clinics, like checkups, vaccinations, or seminars. For displaying any such information on your website, you can use the vent listing module.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24301 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-1.png" alt="Event listings" width="1285" height="427" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-1.png 1285w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-1-300x100.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-1-1024x340.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-1-768x255.png 768w" sizes="(max-width: 1285px) 100vw, 1285px" /></a></div>
<p><span style="font-weight: 400;">You can add multiple cards to your listings. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24300 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-2.png" alt="Event listings " width="376" height="157" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-2.png 376w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-2-300x125.png 300w" sizes="(max-width: 376px) 100vw, 376px" /></a></div>
<p><span style="font-weight: 400;">These cards can be further edited. You can change the </span><b>card title, replace or remove the card image, </b><span style="font-weight: 400;">add an event link and add multiple icon boxes.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24298 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-3.png" alt="Event listings" width="318" height="534" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-3.png 318w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-3-179x300.png 179w" sizes="(max-width: 318px) 100vw, 318px" /></a></div>
<p><span style="font-weight: 400;">You can edit the icon boxes used in the cards by removing or replacing the icons, and change icon title.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24297 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/event-listings-4.png" alt="Event listings" width="237" height="281" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="filter-4_wrap"><div class="documentor-section  section-4375" id="filter-4" data-section-id="4375"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.11.</span>Filter <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#filter-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Allow users to filter events and content like news listing by categories with the use of a filter module. You add multiple categories, tabs, and portfolios. By default, all cases are listed. But, the initial filter setting will allow users to set the initial filter only for a single category at a time.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24307 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-1.png" alt="Filter" width="930" height="681" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-1.png 930w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-1-300x220.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-1-768x562.png 768w" sizes="(max-width: 930px) 100vw, 930px" /></a></div>
<p><span style="font-weight: 400;">You can add multiple tabs and cards to the filter module.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24306 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-2-1.png" alt="Filter" width="315" height="350" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-2-1.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-2-1-270x300.png 270w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p><span style="font-weight: 400;">For further editing of each tab and card, you click the pencil icon that appears when you hover over a particular card or tab. You can also </span><b>delete or clone </b><span style="font-weight: 400;">tabs and cards. You can also</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Change tab name and tab ID</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Set the tab as an </span><b>initial filter. </b><span style="font-weight: 400;">If you set it as an initial filter, the users will originally see this tab as they enter your webpage.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24306 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-2-1.png" alt="Filter" width="315" height="350" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-2-1.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-2-1-270x300.png 270w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p><span style="font-weight: 400;">For cards, you can </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Change the tab ID</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Remove/replace the image, add alt text and adjust the size.  </span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24304 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-4.png" alt="Filter" width="316" height="476" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-4.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-4-199x300.png 199w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Set height and width along with image loading  </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Edit title of the card and add link.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-5.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24303 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-5.png" alt="Filter" width="294" height="586" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-5.png 294w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Filter-5-151x300.png 151w" sizes="(max-width: 294px) 100vw, 294px" /></a></div>
<ul>
<li><span style="font-weight: 400;">Add description and edit icon box.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-6.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24308 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-6.png" alt="Filter" width="298" height="108" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="footer-nav-4_wrap"><div class="documentor-section  section-4376" id="footer-nav-4" data-section-id="4376"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.12.</span>Footer Nav <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#footer-nav-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The footer nav module can be added in the footer of your website with links to important pages.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Footer-nav-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24309 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Footer-nav-1.png" alt="Footer Nav" width="692" height="109" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Footer-nav-1.png 692w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Footer-nav-1-300x47.png 300w" sizes="(max-width: 692px) 100vw, 692px" /></a></div>
<p><span style="font-weight: 400;">You can select a menu and choose the maximum levels you want to show.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24311 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav-2.png" alt="Footer Nav" width="315" height="191" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav-2.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav-2-300x182.png 300w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-controler_wrap"><div class="documentor-section  section-4377" id="header-controler" data-section-id="4377"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.13.</span>Header Controller <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-controler')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Header controller settings includes choosing the display mode, enable search, change placeholder text enable button on header, select button style, edit button text, and add a link to the button. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-control-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24314 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-control-1.png" alt="Header Cotroller" width="666" height="112" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-control-1.png 666w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-control-1-300x50.png 300w" sizes="(max-width: 666px) 100vw, 666px" /></a></div>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24312 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-2-1.png" alt="Header Controller" width="316" height="321" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-2-1.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-2-1-295x300.png 295w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
<p><span style="font-weight: 400;">From the </span><b>style tab,</b><span style="font-weight: 400;"> you can chang the search background color, open icon color, and close icon color.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-control-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24313 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-control-3.png" alt="Header Controller" width="240" height="250" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-toggler-7_wrap"><div class="documentor-section  section-4378" id="header-toggler-7" data-section-id="4378"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.14.</span>Header Toggler <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-toggler-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The header toggler allows you to add a toggler to the header so that user can see more options.</span></p>
<p><b>Open Hamburger</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/open-hamburger.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24317 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/open-hamburger.png" alt="Header Toggler" width="192" height="192" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/open-hamburger.png 192w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/open-hamburger-150x150.png 150w" sizes="(max-width: 192px) 100vw, 192px" /></a></div>
<p><b>Close Icon</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/close-icon-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24322 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/close-icon-1.png" alt="Header Toggler" width="192" height="192" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/close-icon-1.png 192w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/close-icon-1-150x150.png 150w" sizes="(max-width: 192px) 100vw, 192px" /></a></div>
<p><span style="font-weight: 400;">You can edit the style of the header toggler by removing or replacing the open and close icon color, and the spacing and padding of the toggler. You can also add alt text and change image loading. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-toggler-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24318 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-toggler-1.png" alt="Header Toggler" width="210" height="688" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-toggler-1.png 210w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-toggler-1-92x300.png 92w" sizes="(max-width: 210px) 100vw, 210px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="icon-box-12_wrap"><div class="documentor-section  section-4379" id="icon-box-12" data-section-id="4379"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.15.</span>Icon Box <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#icon-box-12')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Icon box allows you to add multiple icons and their descriptions on landing pages.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24326 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-2-1.png" alt="Icon Box" width="312" height="410" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-2-1.png 312w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-2-1-228x300.png 228w" sizes="(max-width: 312px) 100vw, 312px" /></a></div>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/compact-icon-box.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24328 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/compact-icon-box.png" alt="Icon Box" width="312" height="142" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/compact-icon-box.png 312w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/compact-icon-box-300x137.png 300w" sizes="(max-width: 312px) 100vw, 312px" /></a></div>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">You can change the icon box layout between card or compact.  </span></p>
<p><b>             1. Card Layout </b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24327 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1-1.png" alt="Icon Box" width="1259" height="222" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1-1.png 1259w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1-1-300x53.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1-1-1024x181.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1-1-768x135.png 768w" sizes="(max-width: 1259px) 100vw, 1259px" /></a></div>
<p><b>             2. Compact Layout</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Card-compact.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24329 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Card-compact.png" alt="Icon Box" width="1061" height="88" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Card-compact.png 1061w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Card-compact-300x25.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Card-compact-1024x85.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Card-compact-768x64.png 768w" sizes="(max-width: 1061px) 100vw, 1061px" /></a></div>
<p><span style="font-weight: 400;">You can select columns, enable box shadow, insert shades, change card icons settings, and compact settings. From its style tab, you can change the icon box background color, and overwrite color settings by changing the title and description content color. You can also adjust spacing and overwrite icon color too.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-3-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24330 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-3-2.png" alt="Icon Box" width="316" height="115" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-3-2.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-3-2-300x109.png 300w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-image-6_wrap"><div class="documentor-section  section-4380" id="custom-image-6" data-section-id="4380"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.16.</span>Custom Image <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-image-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The image module helps you add images anywhere on the landing pages.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24333 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image.png" alt="Custom image" width="705" height="472" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image.png 705w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-300x201.png 300w" sizes="(max-width: 705px) 100vw, 705px" /></a></div>
<p><span style="font-weight: 400;">You can replace or remove the image, add alt text, adjust the size, width and height of the image, and image loading.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24332 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-2-1.png" alt="Custom image" width="312" height="487" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-2-1.png 312w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-2-1-192x300.png 192w" sizes="(max-width: 312px) 100vw, 312px" /></a></div>
<p><span style="font-weight: 400;">From the style tab, you can change desktop and mobile alignment and adjust the corner radius of the image.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24331 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-3.png" alt="Custom image " width="232" height="293" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="logo-10_wrap"><div class="documentor-section  section-4381" id="logo-10" data-section-id="4381"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.17.</span>Logo  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#logo-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can add a logo on your website pages by just dragging and dropping it anywhere you like. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/logo-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24339 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/logo-1-1.png" alt="Logo" width="255" height="95" /></a></div>
<p><span style="font-weight: 400;">You can enable a custom logo, replace or remove the custom logo, add alt text, and adjust the size and maximum size. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/logo-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24338 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/logo-2.png" alt="Logo" width="316" height="863" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/logo-2.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/logo-2-110x300.png 110w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="map-11_wrap"><div class="documentor-section  section-4382" id="map-11" data-section-id="4382"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.18.</span>Map <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#map-11')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The map module will add a virtual map to your website. You can replace or remove the location pointer, insert Map API, pointer details, Map JSON, map zoom level, edit center latitude and longitude.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24342 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-1-1.png" alt="Map" width="1212" height="592" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-1-1.png 1212w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-1-1-300x147.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-1-1-1024x500.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-1-1-768x375.png 768w" sizes="(max-width: 1212px) 100vw, 1212px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can edit map corner and height, overwrite the style by changing title background and text color, card background and text color. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24341 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-2-1.png" alt="Map" width="317" height="131" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-2-1.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-2-1-300x124.png 300w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-menu-2_wrap"><div class="documentor-section  section-4383" id="custom-menu-2" data-section-id="4383"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.19.</span>Custom Menu <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-menu-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can add a custom menu on your header or footer to add links to important pages.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-01.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24345 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-01.png" alt="Custom menu" width="1641" height="203" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-01.png 1641w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-01-300x37.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-01-1024x127.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-01-768x95.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-01-1536x190.png 1536w" sizes="(max-width: 1641px) 100vw, 1641px" /></a></div>
<p><span style="font-weight: 400;">You get to choose the menu from the available options.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24348 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-3.png" alt="Custom menu" width="310" height="309" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-3.png 310w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-3-300x300.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-3-150x150.png 150w" sizes="(max-width: 310px) 100vw, 310px" /></a></div>
<p><span style="font-weight: 400;">You can overwrite style settings by changing text and </span><b>drop down </b><span style="font-weight: 400;">text color, background color, and style, color &amp; width of the border.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24344 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-2-1.png" alt="Custom menu " width="314" height="268" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-2-1.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-2-1-300x256.png 300w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="social-follow-11_wrap"><div class="documentor-section  section-4384" id="social-follow-11" data-section-id="4384"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.20.</span>Social Follow <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#social-follow-11')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can add your social media link to your website pages using the social follow module.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24352 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow.png" alt="Social follow" width="238" height="90" /></a></div>
<p><span style="font-weight: 400;">You can add multiple social links and edit them. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24351 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-2-1.png" alt="Social follow" width="310" height="275" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-2-1.png 310w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-2-1-300x266.png 300w" sizes="(max-width: 310px) 100vw, 310px" /></a></div>
<p><span style="font-weight: 400;">You can edit social icons, i.e. replace/remove social icons, and add the social link.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-3-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24350 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-3-1.png" alt="Social follow " width="236" height="486" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-3-1.png 236w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-3-1-146x300.png 146w" sizes="(max-width: 236px) 100vw, 236px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can overwrite icon color, enable background color and change it, adjust corner radius, and social icon alignment for desktop and mobile.    </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-4-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24349 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-4-1.png" alt="Social follow" width="295" height="662" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-4-1.png 295w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-4-1-134x300.png 134w" sizes="(max-width: 295px) 100vw, 295px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="spacer-13_wrap"><div class="documentor-section  section-4385" id="spacer-13" data-section-id="4385"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.21.</span>Spacer <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#spacer-13')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The spacer module adds white space to the website and landing pages. </span><b>With the spacer module, you can add vertical spaces between sections and modules as and when required.  </b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Spacer.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24356 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Spacer.png" alt="Spacer" width="1309" height="640" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Spacer.png 1309w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Spacer-300x147.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Spacer-1024x501.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Spacer-768x375.png 768w" sizes="(max-width: 1309px) 100vw, 1309px" /></a></div>
<p><span style="font-weight: 400;">The Spacer module does not have any editable option, but you can edit the spacer styles. You can change the spacer height for mobile, desktop, and tablet, and change the spacer background color. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Spacer-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24355 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Spacer-2-1.png" alt="Spacer" width="318" height="432" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Spacer-2-1.png 318w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Spacer-2-1-221x300.png 221w" sizes="(max-width: 318px) 100vw, 318px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="team-9_wrap"><div class="documentor-section  section-4386" id="team-9" data-section-id="4386"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.22.</span>Team <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#team-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can use the team module to show the hardworking doctor’s team on your website pages. It helps customers to know your team virtually. You can </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Select team module layout between </span><b>grid </b><span style="font-weight: 400;">and </span><b>slider</b></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Add multiple team members on the layout</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enable member’s profile link </span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24361 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-1.png" alt="Team" width="291" height="402" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-1.png 291w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-1-217x300.png 217w" sizes="(max-width: 291px) 100vw, 291px" /></a></div>
<p><b>          1. Grid Team Layout</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Team.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24358 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Team.png" alt="Team" width="831" height="749" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Team.png 831w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Team-300x270.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Team-768x692.png 768w" sizes="(max-width: 831px) 100vw, 831px" /></a></div>
<p><b>            2. Slider Team Layout </b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-slider.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24362 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-slider.png" alt="Team" width="848" height="474" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-slider.png 848w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-slider-300x168.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-slider-768x429.png 768w" sizes="(max-width: 848px) 100vw, 848px" /></a></div>
<p><span style="font-weight: 400;">With the </span><b>slider layout, </b><span style="font-weight: 400;">you can select the number of items that should be displayed on the website slider for different devices, like desktops, tablets, and mobile. You can also remove or replace the slider next and previous arrow image and add alt text to each.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24360 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-2.png" alt="Team" width="295" height="329" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-2.png 295w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-2-269x300.png 269w" sizes="(max-width: 295px) 100vw, 295px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can </span><b>choose slider text alignment for mobile and desktop, adjust image corner radius, overwrite content color settings,</b><span style="font-weight: 400;"> by changing the title and designation text color.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24359 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-3.png" alt="Team" width="313" height="570" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-3.png 313w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/team-3-165x300.png 165w" sizes="(max-width: 313px) 100vw, 313px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="testimonial-9_wrap"><div class="documentor-section  section-4387" id="testimonial-9" data-section-id="4387"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.23.</span>Testimonial <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#testimonial-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You must have had patients and customers that visit your hospital or clinic regularly, and they all must say good things about you. Testimonials are a great way to win customer trust. Hence, you can add those trustworthy words to your landing pages with the testimonial module.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Testimonial-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24368 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Testimonial-1-1.png" alt="Testimonial" width="1324" height="416" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Testimonial-1-1.png 1324w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Testimonial-1-1-300x94.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Testimonial-1-1-1024x322.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Testimonial-1-1-768x241.png 768w" sizes="(max-width: 1324px) 100vw, 1324px" /></a></div>
<p><span style="font-weight: 400;">You can add multiple testimonials on your website, replace or remove the slider open and close icon with alt text, and set the number of slider items for mobile, desktop, and tablet.     </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24371 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-2-1.png" alt="Testimonial" width="311" height="252" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-2-1.png 311w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-2-1-300x243.png 300w" sizes="(max-width: 311px) 100vw, 311px" /></a></div>
<p><span style="font-weight: 400;">For each customer review, you can replace or remove the customer image, add alt text, edit the client review description, edit the client name, and add a review rating.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-3-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24370 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-3-1.png" alt="Testimonial " width="308" height="1147" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-3-1.png 308w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-3-1-275x1024.png 275w" sizes="(max-width: 308px) 100vw, 308px" /></a></div>
<p><span style="font-weight: 400;">You can also edit the star filled icon by replacing or removing the icon, change alt text, and image loading.   </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24369 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-4.png" alt="Testimonial" width="309" height="405" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-4.png 309w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-4-229x300.png 229w" sizes="(max-width: 309px) 100vw, 309px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="title-content-10_wrap"><div class="documentor-section  section-4388" id="title-content-10" data-section-id="4388"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.24.</span>Title Content <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#title-content-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The title content module helps you to add title text on any page. You can add a title above any module if you want to add a heading to it. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Title-Content-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24382 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Title-Content-1.png" alt="Title Content" width="1312" height="351" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Title-Content-1.png 1312w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Title-Content-1-300x80.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Title-Content-1-1024x274.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Title-Content-1-768x205.png 768w" sizes="(max-width: 1312px) 100vw, 1312px" /></a></div>
<p><span style="font-weight: 400;">You can use the title to display content on your website. You can also </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enable a mini title and edit its text</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Edit the content you want to show</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24383 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-2-1.png" alt="Title content" width="308" height="731" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-2-1.png 308w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-2-1-126x300.png 126w" sizes="(max-width: 308px) 100vw, 308px" /></a></div>
<p><span style="font-weight: 400;">You can also </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enable </span><b>primary and secondary </b><span style="font-weight: 400;">buttons after the description in the title module.</span></li>
</ul>
<p><span style="font-weight: 400;">Select button type, edit text and add a link to both </span><b>primary and secondary buttons.</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24388 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-3.png" alt="Title content" width="287" height="420" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-3.png 287w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-3-205x300.png 205w" sizes="(max-width: 287px) 100vw, 287px" /></a></div>
<p><span style="font-weight: 400;">You can also enable or disable </span><b>icons on these buttons </b><span style="font-weight: 400;">and select the icon you want to display.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24387 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-4.png" alt="Title content" width="438" height="133" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-4.png 438w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-4-300x91.png 300w" sizes="(max-width: 438px) 100vw, 438px" /></a></div>
<p><span style="font-weight: 400;">From the </span><b>style tab of the title content module, </b><span style="font-weight: 400;">you can edit the style of the </span><b>container and content. </b><span style="font-weight: 400;">You can change the container background color, adjust the container corner and spacing, and enable maximum width. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-5.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24386 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-5.png" alt="Title content" width="237" height="353" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-5.png 237w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-5-201x300.png 201w" sizes="(max-width: 237px) 100vw, 237px" /></a></div>
<p><b>From content option </b><span style="font-weight: 400;">you can edit </span></p>
<ul>
<li style="list-style-type: none;">
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Content alignment for desktop and mobile</span><b> </b></li>
</ul>
</li>
</ul>
<ul>
<li aria-level="1"><b>Overwrite mini title styles, </b><span style="font-weight: 400;">by changing desktop font &amp; color and mobile font size and line height.</span></li>
</ul>
<ul>
<li aria-level="1"><b>Overwrite title style, </b><span style="font-weight: 400;">by changing desktop font &amp; color and mobile font size and line height.</span></li>
</ul>
<ul>
<li aria-level="1"><b>Overwrite description style, </b><span style="font-weight: 400;">by changing desktop font &amp; color and mobile font size and line height.</span><b> </b></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-6.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24384 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-6.png" alt="Title Content" width="233" height="193" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="video-popup-9_wrap"><div class="documentor-section  section-4389" id="video-popup-9" data-section-id="4389"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.25.</span>Video Popup <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#video-popup-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The video pop-up module allows you to add any video on your landing page. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24393 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-1.png" alt="Video Popup" width="651" height="427" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-1.png 651w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-1-300x197.png 300w" sizes="(max-width: 651px) 100vw, 651px" /></a></div>
<p><span style="font-weight: 400;">You can replace or remove the </span><b>video poster, </b><span style="font-weight: 400;">its alt text, adjust poster size maximum image size, and image loading. You can also select</span><b> icon over image</b><span style="font-weight: 400;"> or </span><b>content over image, </b><span style="font-weight: 400;">remove or replace the </span><b>play icon, </b><span style="font-weight: 400;">and add the video link.</span><b> </b><span style="font-weight: 400;"> </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24392 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-2.png" alt="Video Popup" width="236" height="819" /></a></div>
<p><span style="font-weight: 400;">If you select </span><b>content over video </b><span style="font-weight: 400;">you can set a title and icon text.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24391 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-3.png" alt="Video Popup" width="361" height="251" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-3.png 361w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-3-300x209.png 300w" sizes="(max-width: 361px) 100vw, 361px" /></a></div>
<p><span style="font-weight: 400;">From the style tab, you can change video desktop &amp; mobile alignment, </span><b>enable overlay </b><span style="font-weight: 400;">and change its color,  change color</span><b>, overwrite icon color settings </b><span style="font-weight: 400;">by changing icon and icon background color, and adjust content border radius.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-4-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24390 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-4-2.png" alt="Video Popup" width="314" height="535" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-4-2.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/video-4-2-176x300.png 176w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="theme-sections-6_wrap"><div class="documentor-section  section-4213" id="theme-sections-6" data-section-id="4213"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.</span>Theme Sections <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#theme-sections-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">This free HubSpot theme offers 6 different sections you can use on any page of your website.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="two-column-content-and-image_wrap"><div class="documentor-section  section-4214" id="two-column-content-and-image" data-section-id="4214"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.1.</span>Two Column Content and Image <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#two-column-content-and-image')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-image.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23757 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-image.png" alt="" width="1571" height="691" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-image.png 1571w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-image-300x132.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-image-1024x450.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-image-768x338.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-image-1536x676.png 1536w" sizes="(max-width: 1571px) 100vw, 1571px" /></div>
<p></a></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="two-column-video-and-content_wrap"><div class="documentor-section  section-4215" id="two-column-video-and-content" data-section-id="4215"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.2.</span>Two Column Video and Content <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#two-column-video-and-content')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-video-content-1024x386.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23759 size-large" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-video-content-1024x386.png" alt="" width="1024" height="386" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-video-content-1024x386.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-video-content-300x113.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-video-content-768x290.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-video-content-1536x580.png 1536w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-video-content.png 1577w" sizes="(max-width: 1024px) 100vw, 1024px" /></div>
<p></a></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="two-column-content-and-counter_wrap"><div class="documentor-section  section-4216" id="two-column-content-and-counter" data-section-id="4216"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.3.</span>Two Column Content and Counter <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#two-column-content-and-counter')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-counter-1-1024x447.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23762 size-large" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-counter-1-1024x447.png" alt="" width="1024" height="447" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-counter-1-1024x447.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-counter-1-300x131.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-counter-1-768x335.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-counter-1-1536x670.png 1536w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-counter-1.png 1543w" sizes="(max-width: 1024px) 100vw, 1024px" /></div>
<p></a></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="two-column-content-and-form_wrap"><div class="documentor-section  section-4217" id="two-column-content-and-form" data-section-id="4217"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.4.</span>Two Column Content and Form <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#two-column-content-and-form')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-form.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23764 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-form.png" alt="" width="1770" height="850" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-form.png 1770w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-form-300x144.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-form-1024x492.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-form-768x369.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/two-column-content-form-1536x738.png 1536w" sizes="(max-width: 1770px) 100vw, 1770px" /></div>
<p></a></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="donation-form-5_wrap"><div class="documentor-section  section-4218" id="donation-form-5" data-section-id="4218"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.5.</span>Donation Form <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#donation-form-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/Donation-form-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23766 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/Donation-form-4.png" alt="" width="1746" height="782" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/Donation-form-4.png 1746w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/Donation-form-4-300x134.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/Donation-form-4-1024x459.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/Donation-form-4-768x344.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/Donation-form-4-1536x688.png 1536w" sizes="(max-width: 1746px) 100vw, 1746px" /></a></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="call-to-action-4_wrap"><div class="documentor-section  section-4219" id="call-to-action-4" data-section-id="4219"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.6.</span>Call To Action <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#call-to-action-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/call-to-action.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23768 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/call-to-action.png" alt="" width="1791" height="666" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/call-to-action.png 1791w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/call-to-action-300x112.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/call-to-action-1024x381.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/call-to-action-768x286.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/call-to-action-1536x571.png 1536w" sizes="(max-width: 1791px) 100vw, 1791px" /></div>
<p></a></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="theme-templates-6_wrap"><div class="documentor-section  section-4220" id="theme-templates-6" data-section-id="4220"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">6.</span>Theme Templates <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#theme-templates-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">This NYC Clinic theme comes with the following </span><b>8 templates,</b></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Homepage</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Who We Are</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Our Doctors</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Checkups</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Blog Listing</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Blog Detail</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Contact Us</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Landing Page</span></li>
</ol>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="system-pages-14_wrap"><div class="documentor-section  section-4221" id="system-pages-14" data-section-id="4221"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">7.</span>System Pages <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#system-pages-14')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">NYC Clinic theme offers you</span><b> 7 different system pages</b><span style="font-weight: 400;"> that are as follows,</span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">404 Error</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">500 Error</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Password Prompt</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Search Results</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Backup Unsubscribe</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Subscription Preferences</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Subscription Confirmation</span></li>
</ol>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--></div><!--.doc-sec-container--><div id="sugestedit_popup341" class="sugestedit_popup">
				<a class="modal_close"></a>
				<form name="documentor-suggestform" method="post" class="documentor-suggestform">
					<div class="doc-frmdiv" style="font-weight: bold;">Suggest Edit
					</div>
					<div class="doc-frmdiv">
						<input type="text" name="sec_title" class="sedit-sectitle txtinput" value="" />
					</div><div class="doc-frmdiv">
							<input type="text" name="name" class="txtinput" placeholder="Name" required />
						</div><div class="doc-frmdiv">
							<input type="email" class="emailinput" placeholder="Email" name="email" required /> 
						</div><div class="doc-frmdiv">
							<textarea name="content" class="textareainput" placeholder="Post your suggestion..." required></textarea>
						</div><div class="doc-frmdiv"><label> Captcha :&nbsp; </label><span class="doc-sedit-captcha"></span></div><input type="hidden" class="sedit-secid" name="secid" value="" />
					<input type="hidden" class="sedit-postid" name="sedit_postid" value="" />
					<input type="hidden" class="sedit-docid" name="docid" value="341" />
					<button class="docsubmit-suggestform"> Submit </button>
				</form>
			</div><script type="text/javascript">
			jQuery(document).ready(function(){
				jQuery("#documentor-341").documentor({
					documentid	: 341,
					docid		: "documentor-341",
					animation	: "",
					indexformat	: "1",
					pformat		: "decimal",
					cformat		: "decimal",					
					secstyle	: "clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;",
					actnavbg_default: "1",
					actnavbg_color	: "#000000",
					enable_ajax	: "0",
					scrolling	: "1",
					fixmenu		: "1",
					skin		: "mint",
					scrollBarSize	: "3",
					scrollBarColor	: "#326693",
					scrollBarOpacity: "0.4",
					windowprint	: "0",
					menuTop: "20",
					socialshare	: 0,
					sharecount	: 1,
					fbshare		: 1,
					twittershare	: 1,
					gplusshare	: 1,
					pinshare	: 1,
					togglechild	: 0,
					noResultsStr: "No results found!",
				});	
			});</script></div><!--/.document-wrapper--></div><div class="cleardiv"> </div><div id="documentor-341-end"></div></p>
<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/nyc-clinic-hubspot-theme/">Nyc Clinic HubSpot Theme</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://docs.makewebbetter.com/nyc-clinic-hubspot-theme/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Food Pandora HubSpot Theme</title>
		<link>https://docs.makewebbetter.com/food-pandora-hubspot-theme/</link>
					<comments>https://docs.makewebbetter.com/food-pandora-hubspot-theme/#respond</comments>
		
		<dc:creator><![CDATA[sanjeev maurya]]></dc:creator>
		<pubDate>Mon, 25 Jul 2022 11:15:57 +0000</pubDate>
				<category><![CDATA[HubSpot Themes]]></category>
		<category><![CDATA[Best Email template]]></category>
		<category><![CDATA[best hubspot template]]></category>
		<category><![CDATA[email templates]]></category>
		<category><![CDATA[hubspot]]></category>
		<category><![CDATA[HubSpot Template]]></category>
		<category><![CDATA[Hubspot theme]]></category>
		<category><![CDATA[responsive templates]]></category>
		<guid isPermaLink="false">https://docs.makewebbetter.com/?p=23437</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/food-pandora-hubspot-theme/">Food Pandora HubSpot Theme</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></description>
										<content:encoded><![CDATA[</p>
<p><div id="documentor-339" class="documentor-mint documentor-wrap" data-docid = "339" ><div class="documentor-topicons doc-noprint"><span class="doc-topiconswrap"></span><div class="cleardiv"></div><div class="clrright"></div></div><div class="document-wrapper"><div class="doc-menu doc-noprint"><div class="doc-menurelated"><ol class="doc-list-front"><li class="doc-actli"><a class="documentor-menu" href="#overview-285"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#overview-285" data-sec-counter="1" data-section-id="4114">Overview</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#edit-theme-settings-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#edit-theme-settings-5" data-sec-counter="1.1" data-section-id="4115">Edit Theme Settings</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#color-and-font-setting-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#color-and-font-setting-3" data-sec-counter="1.1.1" data-section-id="4116">Color And Font Setting</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#buttons-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#buttons-7" data-sec-counter="1.1.2" data-section-id="4335">Buttons</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#forms-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#forms-9" data-sec-counter="1.1.3" data-section-id="4337">Forms</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#layout-setting-11"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#layout-setting-11" data-sec-counter="1.1.4" data-section-id="4117">Layout Setting</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-setting-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-setting-8" data-sec-counter="1.1.5" data-section-id="4118">Blog Setting</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#system-page-setting-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#system-page-setting-5" data-sec-counter="1.1.6" data-section-id="4119">System Page Setting</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#scroll-to-top-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#scroll-to-top-2" data-sec-counter="1.1.7" data-section-id="4120">Scroll To Top</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#skip-to-content"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#skip-to-content" data-sec-counter="1.1.8" data-section-id="4121">Skip To Content</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#modules-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#modules-2" data-sec-counter="2" data-section-id="4122">Modules</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#accordion-12"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#accordion-12" data-sec-counter="2.1" data-section-id="4338">Accordion</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#card-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#card-7" data-sec-counter="2.2" data-section-id="4339">Card</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#card-layout"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#card-layout" data-sec-counter="2.2.1" data-section-id="4362">Card Layout</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#slider-layout"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#slider-layout" data-sec-counter="2.2.2" data-section-id="4363">Slider Layout</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#copyright-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#copyright-6" data-sec-counter="2.2.3" data-section-id="4340">Copyright</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#counter-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#counter-7" data-sec-counter="2.2.4" data-section-id="4341">Counter</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-button"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-button" data-sec-counter="2.2.5" data-section-id="4342">Custom Button</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-form-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-form-6" data-sec-counter="2.2.6" data-section-id="4343">Custom Form</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-image-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-image-5" data-sec-counter="2.2.7" data-section-id="4344">Custom Image</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-menu"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-menu" data-sec-counter="2.2.8" data-section-id="4345">Custom Menu</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#filter-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#filter-3" data-sec-counter="2.2.9" data-section-id="4346">Filter</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#footer-new"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#footer-new" data-sec-counter="2.2.10" data-section-id="4347">Footer Nav</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#gallery-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#gallery-8" data-sec-counter="2.2.11" data-section-id="4348">Gallery</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-toggler-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-toggler-6" data-sec-counter="2.2.12" data-section-id="4349">Header Toggler</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-controls-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-controls-10" data-sec-counter="2.2.13" data-section-id="4350">Header Controls</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#hero-layout"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#hero-layout" data-sec-counter="2.2.14" data-section-id="4351">Hero Layout</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#icon-box-11"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#icon-box-11" data-sec-counter="2.2.15" data-section-id="4352">Icon Box</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#logo-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#logo-9" data-sec-counter="2.2.16" data-section-id="4353">Logo</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#maps"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#maps" data-sec-counter="2.2.17" data-section-id="4354">Maps</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#our-partners"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#our-partners" data-sec-counter="2.2.18" data-section-id="4355">Our  Partners</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#pricing-card-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#pricing-card-5" data-sec-counter="2.2.19" data-section-id="4356">Pricing Card</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#social-follow-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#social-follow-10" data-sec-counter="2.2.20" data-section-id="4357">Social Follow</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#spacer-12"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#spacer-12" data-sec-counter="2.2.21" data-section-id="4358">Spacer</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#tabs-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#tabs-3" data-sec-counter="2.2.22" data-section-id="4359">Tabs</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#testimonial-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#testimonial-8" data-sec-counter="2.2.23" data-section-id="4360">Testimonial</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#title-content-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#title-content-9" data-sec-counter="2.2.24" data-section-id="4361">Title Content</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#theme-sections-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#theme-sections-3" data-sec-counter="3" data-section-id="4123">Theme Sections</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#theme-templates-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#theme-templates-3" data-sec-counter="4" data-section-id="4124">Theme Templates</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#system-pages-11"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#system-pages-11" data-sec-counter="5" data-section-id="4125">System Pages</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></div></div><div class="doc-sec-container" id="documentor_seccontainer"><div class="doc-sectionwrap" id="overview-285_wrap"><div class="documentor-section  section-4114" id="overview-285" data-section-id="4114"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.</span>Overview <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#overview-285')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Food Pandora is a free HubSpot theme especially designed for businesses running restaurants, eateries, hotels, or a food chains.</span></p>
<p><span style="font-weight: 400;">It comes with promising features like:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><strong>Clean and Modern Look</strong></li>
<li style="font-weight: 400;" aria-level="1"><strong>Multiple Creative Pages</strong></li>
<li style="font-weight: 400;" aria-level="1"><strong>Multiple Module Layouts</strong></li>
</ul>
<p><span style="font-weight: 400;">Though the theme is easy to use, if you need any assistance with the installation or setup, </span><strong><a href="https://meetings.hubspot.com/makewebbetter/free-hubspot-consultation/" rel="nofollow">connect with us</a></strong><span style="font-weight: 400;"> for a free 15 minutes session.</span></p>
<p><span style="font-weight: 400;">Food Pandora theme offers,</span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><strong>Modules &#8211; 26 </strong></li>
<li style="font-weight: 400;" aria-level="1"><strong>Sections &#8211; 9</strong></li>
<li style="font-weight: 400;" aria-level="1"><strong>Templates &#8211; 6</strong></li>
<li style="font-weight: 400;" aria-level="1"><strong>Blog &#8211; 2</strong></li>
<li style="font-weight: 400;" aria-level="1"><strong>System Pages &#8211; 7</strong></li>
</ol>
<p><span style="font-weight: 400;">If you want us to add any feature in your theme, talk to our experts, share your requirements and we’ll get it done.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="edit-theme-settings-5_wrap"><div class="documentor-section  section-4115" id="edit-theme-settings-5" data-section-id="4115"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.</span>Edit Theme Settings <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#edit-theme-settings-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>&nbsp;</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/edit-theme-settings-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24058 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/edit-theme-settings-4.png" alt="hubspot and theme settings" width="315" height="560" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/edit-theme-settings-4.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/edit-theme-settings-4-169x300.png 169w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p>Through this setting, you can make global changes to your HubSpot theme. To navigate to the theme settings, create a page using the theme and in the left panel, click on <b>Theme</b><span style="font-weight: 400;"> and then </span><b>Edit Theme Settings</b><span style="font-weight: 400;">.</span></p>
<p><span style="font-weight: 400;">You’ll find the following settings here:</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="color-and-font-setting-3_wrap"><div class="documentor-section  section-4116" id="color-and-font-setting-3" data-section-id="4116"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.1.</span>Color And Font Setting <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#color-and-font-setting-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/color-and-font-setting.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23468 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/color-and-font-setting.png" alt="hubspot color and font setting" width="512" height="589" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/color-and-font-setting.png 512w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/color-and-font-setting-261x300.png 261w" sizes="(max-width: 512px) 100vw, 512px" /></a></div>
<p><span style="font-weight: 400;">There are 3 sub-settings in this menu:</span><b></b></p>
<ul>
<li aria-level="1"><b>Global Colors:</b><span style="font-weight: 400;"> This setting lets you configure Primary Color, Primary and Secondary Accent colors, Body Background color, and Heading Color through this setting.</span></li>
<li aria-level="1"><b>Global Fonts:</b><span style="font-weight: 400;"> This setting lets you change Heading font, Body font, Subheading font of the theme.</span></li>
<li aria-level="1"><b>Typography:</b><span style="font-weight: 400;"> This setting lets you tweak the headings from H1 to H6 along with Subscript, Superscript, Links and Blockquotes.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="buttons-7_wrap"><div class="documentor-section  section-4335" id="buttons-7" data-section-id="4335"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.2.</span>Buttons <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#buttons-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>&nbsp;</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/edit-theme-settings-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24063 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/buttons.png" alt="Edit theme settings" width="313" height="380" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/buttons.png 313w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/buttons-247x300.png 247w" sizes="(max-width: 313px) 100vw, 313px" /></a></div>
<div></div>
<div>
<p><span style="font-weight: 400;"> There are 3 sub-settings in this section:</span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Button: You can change the button font size, line height, and text transformation (uppercase, lowercase, capitalize), adjust button spacing and corner radius and set the color of the button animation border.    </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Filled button: Set the style of the filled button, like changing the border text and background of the filled button in active, focussed, and hover states.  </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Outlined button: Set the style of the outline button, like changing the border text and background color of the outlined button in active, hover or focus states.  </span></li>
</ol>
</div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="forms-9_wrap"><div class="documentor-section  section-4337" id="forms-9" data-section-id="4337"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.3.</span>Forms <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#forms-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/forms-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24070 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/forms-3.png" alt="forms" width="317" height="505" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/forms-3.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/forms-3-188x300.png 188w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
<p><span style="font-weight: 400;"> Under the form&#8217;s settings, there are six sub-settings:</span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Title: Change title font, line height, letter spacing, and transform, change background color, adjust the spacing, change border style, and corner radius of the form title. </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Labels: Adjust label text font &amp; color, line height, letter spacing, and label spacing.   </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Help text: Text settings for help text like font, color, bold,  underline, size, etc.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Fields: Change placeholder color, inputs font, background color, spacing, border color, and width, and change border color on focus, and corner radius. You can also control the paragraph content of GDPR fields and control form rich text fields. </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Form: Change form background color, birder style, and spacing.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Error messages: Change error messages text and spacing. </span></li>
</ol>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="layout-setting-11_wrap"><div class="documentor-section  section-4117" id="layout-setting-11" data-section-id="4117"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.4.</span>Layout Setting <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#layout-setting-11')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/layout-settings-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24071 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/layout-settings-1.png" alt="layout settings" width="315" height="419" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/layout-settings-1.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/layout-settings-1-226x300.png 226w" sizes="(max-width: 315px) 100vw, 315px" /></a><span style="font-weight: 400;">You’ll find the following settings here:</span><b></b></div>
<ul>
<li aria-level="1"><b>Header:</b><span style="font-weight: 400;"> You can change settings of your Sticky Header, Header on top scroll, Header top and bottom bar, Background, Language switcher, Menu, Heading, Text and Icon color from here.</span></li>
</ul>
<ul>
<li aria-level="1"><b>Footer:</b><span style="font-weight: 400;"> This setting lets you tweak the Footer Background, Heading, Text and Menu.</span></li>
</ul>
<ul>
<li aria-level="1"><b>Spacing:</b><span style="font-weight: 400;"> You can change the settings of Container Width and Section Spacing from here.</span></li>
</ul>
<ul>
<li aria-level="1"><b>Tables:</b><span style="font-weight: 400;"> You’ll find settings for Table Header, Table Body, Table Footer, Table Cells in this section.</span></li>
</ul>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-setting-8_wrap"><div class="documentor-section  section-4118" id="blog-setting-8" data-section-id="4118"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.5.</span>Blog Setting <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-setting-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/blog-setting.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23472 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/blog-setting.png" alt="hubspot blog settings" width="514" height="504" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/blog-setting.png 514w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/blog-setting-300x294.png 300w" sizes="(max-width: 514px) 100vw, 514px" /></a></div>
<p><span style="font-weight: 400;">You can configure the blog post settings here. There are 2 settings in this section:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><b>Sidebar:</b><span style="font-weight: 400;"> Enable or disable the sidebar on blog from here.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Blog Post:</b><span style="font-weight: 400;"> You can show/hide author name, image, timestamp, tags, and related posts from here.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="system-page-setting-5_wrap"><div class="documentor-section  section-4119" id="system-page-setting-5" data-section-id="4119"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.6.</span>System Page Setting <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#system-page-setting-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/system-page-setting.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23474 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/system-page-setting.png" alt="hubspot system page setting" width="515" height="665" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/system-page-setting.png 515w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/system-page-setting-232x300.png 232w" sizes="(max-width: 515px) 100vw, 515px" /></a></div>
<p><span style="font-weight: 400;">To make changes in system pages, you can use this setting. There are 4 settings here,</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><b>Error Page Setting (404):</b><span style="font-weight: 400;"> Enable/disable the error image, and change the error banner image from here.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Error Page Setting (500):</b><span style="font-weight: 400;"> Enable/disable the error image, and change the error banner image from here.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Backup Unsubscribe:</b><span style="font-weight: 400;"> Enable/disable the banner image, and change the backup unsubscribe banner image from here.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Password Prompt:</b><span style="font-weight: 400;"> Enable/disable the password prompt image, and change the password prompt banner from here.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="scroll-to-top-2_wrap"><div class="documentor-section  section-4120" id="scroll-to-top-2" data-section-id="4120"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.7.</span>Scroll To Top <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#scroll-to-top-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/scroll-to-top-setting.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23475 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/scroll-to-top-setting.png" alt="hubspot scroll to top setting" width="512" height="686" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/scroll-to-top-setting.png 512w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/scroll-to-top-setting-224x300.png 224w" sizes="(max-width: 512px) 100vw, 512px" /></a></div>
<p><span style="font-weight: 400;">This section will let you Enable/Disable the scroll to top button element. Apart from it, there are 3 settings,</span><b></b></p>
<ul>
<li aria-level="1"><b>Icon fill color:</b><span style="font-weight: 400;"> Change the color of the arrow inside the button.</span></li>
</ul>
<ul>
<li aria-level="1"><b>Icon background color:</b><span style="font-weight: 400;"> Change the background color of the icon.</span></li>
</ul>
<ul>
<li style="font-weight: 400;" aria-level="1"><b>Icon corners:</b><span style="font-weight: 400;"> Adjust corner radius of the icon.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="skip-to-content_wrap"><div class="documentor-section  section-4121" id="skip-to-content" data-section-id="4121"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.1.8.</span>Skip To Content <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#skip-to-content')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/skip-to-content.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23476 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/skip-to-content.png" alt="hubspot skip to content" width="512" height="529" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/skip-to-content.png 512w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/skip-to-content-290x300.png 290w" sizes="(max-width: 512px) 100vw, 512px" /></a></div>
<p><span style="font-weight: 400;">You can Enable/Disable the Skip to content button through this setting. Along with it, you can change the background color of the button from this setting.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="modules-2_wrap"><div class="documentor-section  section-4122" id="modules-2" data-section-id="4122"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.</span>Modules <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#modules-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Here’s the complete list of modules you get with this Food Pandora theme:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Accordion</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Card</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Copyright</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Counter</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Custom Button</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Custom Form</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Custom Image</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Custom Menu</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Filter</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Footer Nav</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Gallery</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Header Toggler</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Header Controls</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Hero Layout</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Icon Box</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Logo</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Maps</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Our Partners</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Pricing Card</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Social Follow</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Spacer</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Tabs</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Testimonial</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Title Content</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="accordion-12_wrap"><div class="documentor-section  section-4338" id="accordion-12" data-section-id="4338"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.1.</span>Accordion <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#accordion-12')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The accordion module can assist you in creating an area where users can toggle between showing and hiding FAQs or vast sections of text. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24100 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-4.png" alt="Accordion" width="900" height="625" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-4.png 900w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-4-300x208.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-4-768x533.png 768w" sizes="(max-width: 900px) 100vw, 900px" /></a></div>
<p><span style="font-weight: 400;">Under accordion, you have the settings to </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><b>add multiple accordions </b><span style="font-weight: 400;">on your landing pages and </span><b>choose the icon position </b><span style="font-weight: 400;">for accordions, i.e. either left or right.</span></li>
</ul>
<div class="mwb-docs-product-images"><a href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24101 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion.png" alt="Accordion" width="316" height="689" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-138x300.png 138w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">For every accordion, you can edit its </span><b>title </b><span style="font-weight: 400;">and</span><b> content. </b><span style="font-weight: 400;">You can also </span><b>replace or remove the opening and closing icon. </b></li>
</ul>
<div class="mwb-docs-product-images"><a href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24102 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-2.png" alt="Accordion" width="317" height="1201" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-2.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-2-79x300.png 79w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-2-270x1024.png 270w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
<p><span style="font-weight: 400;">From the </span><b>style tab, </b><span style="font-weight: 400;">you can edit the following:</span></p>
<div class="mwb-docs-product-images"><a href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24103 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-3.png" alt="Accordian" width="317" height="393" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-3.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/accordion-3-242x300.png 242w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
<p>&nbsp;</p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Change </span><b>accordion background color, spacing &amp; padding, border radius, </b><span style="font-weight: 400;">and </span><b>enable box shadow. </b></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Overwrite font settings to change the color and font of the </span><b>title. </b><span style="font-weight: 400;">Also, adjust the title spacing and padding.</span></li>
<li style="font-weight: 400;" aria-level="1">Overwrite icon color. <b> </b></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="card-7_wrap"><div class="documentor-section  section-4339" id="card-7" data-section-id="4339"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.</span>Card <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#card-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can use the card module for adding your chef’s image with a combination of content. Besides you can also use it to showcase features and promote products or services in creative and interactive ways.</span></p>
<p><span style="font-weight: 400;">In the cards module, you have the settings to:</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24104 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-1.png" alt="Card" width="315" height="555" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-1.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-1-170x300.png 170w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Change the layout of the card module from </span><b>slider or card.</b></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="card-layout_wrap"><div class="documentor-section  section-4362" id="card-layout" data-section-id="4362"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.1.</span>Card Layout <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#card-layout')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Card-layout.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24106 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Card-layout.png" alt="Card Layout" width="1184" height="791" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Card-layout.png 1184w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Card-layout-300x200.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Card-layout-1024x684.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Card-layout-768x513.png 768w" sizes="(max-width: 1184px) 100vw, 1184px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="slider-layout_wrap"><div class="documentor-section  section-4363" id="slider-layout" data-section-id="4363"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.2.</span>Slider Layout <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#slider-layout')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>&nbsp;</p>
<div class="mwb-docs-product-images">
<p><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-slider.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24108 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-slider.png" alt="Card Slider" width="1205" height="476" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-slider.png 1205w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-slider-300x119.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-slider-1024x405.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-slider-768x303.png 768w" sizes="(max-width: 1205px) 100vw, 1205px" /></a></p>
</div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Add multiple cards and edit them. You can </span><b>replace or remove the person’s image. </b><span style="font-weight: 400;">Make sure all images in the card are of the same dimension. Add alt text to the image, change the image size, width and height, select image loading, add a name, designation, and different social icons with links.   </span><b> </b><span style="font-weight: 400;"> </span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24110 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-2.png" alt="Slide Layout" width="317" height="959" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-2.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-2-99x300.png 99w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">From the </span><b>style tab, </b><span style="font-weight: 400;">you can change card background image, add alt text, size adjustments, set a maximum size, and overwrite color settings for description background color, border color, and content color. You can enable or disable the description background color, border color, content color and social icon color.    </span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24111 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-3.png" alt="Slider Layout" width="317" height="1012" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-3.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/card-3-94x300.png 94w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="copyright-6_wrap"><div class="documentor-section  section-4340" id="copyright-6" data-section-id="4340"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.3.</span>Copyright <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#copyright-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The copyright module allows you to display your copyright along with the terms and conditions links.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24113 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright.png" alt="Copyright" width="1635" height="103" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright.png 1635w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-300x19.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-1024x65.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-768x48.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-1536x97.png 1536w" sizes="(max-width: 1635px) 100vw, 1635px" /></a></div>
<p><span style="font-weight: 400;">It has options to </span><b>edit copyright text, privacy policy text, and terms and conditions texts. </b><span style="font-weight: 400;">Additionally, you can add external links URLs, to privacy policy and terms and conditons.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24114 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-2.png" alt="copyright" width="317" height="1047" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-2.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-2-91x300.png 91w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/copyright-2-310x1024.png 310w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="counter-7_wrap"><div class="documentor-section  section-4341" id="counter-7" data-section-id="4341"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.4.</span>Counter <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#counter-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The Counter module adds multi-column section counters to your page. Numbers always attract so use this module for showing off your best numbers! </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24116 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter.png" alt="Counter" width="752" height="177" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter.png 752w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-300x71.png 300w" sizes="(max-width: 752px) 100vw, 752px" /></a></div>
<p><span style="font-weight: 400;">From the counter module, you can</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Change the column count to a maximum of 3</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enable icon or image. Check to enable display of image in counter component.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enable counter text display condition.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Change counter value, percentage, and counter text.    </span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24117 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-1.png" alt="Counter" width="316" height="667" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-1.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-1-142x300.png 142w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
<p><span style="font-weight: 400;">From its </span><b>style tab, </b><span style="font-weight: 400;"> you can change </span><b>counter </b><span style="font-weight: 400;">value background color and font for mobile and font size and line height desktop, overwrite counter text settings(font, line height &amp; font size), </span><b>counter spacing and padding, and counter alignment </b><span style="font-weight: 400;">for mobile and desktop.</span><b> </b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24118 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-2.png" alt="counter" width="311" height="286" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-2.png 311w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/counter-2-300x276.png 300w" sizes="(max-width: 311px) 100vw, 311px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-button_wrap"><div class="documentor-section  section-4342" id="custom-button" data-section-id="4342"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.5.</span>Custom Button <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-button')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">A custom button module is used for adding a clear call to action to your website pages. It enables the user to take immediate action. The following is an image of a primary and secondary button.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24119 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button.png" alt="custom button" width="940" height="183" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button.png 940w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-300x58.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-768x150.png 768w" sizes="(max-width: 940px) 100vw, 940px" /></a></div>
<p><span style="font-weight: 400;">From the custom button module, you can select the button style (filled or outlined), edit button text, and add links to both the primary and secondary buttons. You can also</span><b> enable or disable the secondary button </b><span style="font-weight: 400;">anytime. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24121 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-2.png" alt="Custom button" width="317" height="1223" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-2.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-button-2-78x300.png 78w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-form-6_wrap"><div class="documentor-section  section-4343" id="custom-form-6" data-section-id="4343"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.6.</span>Custom Form <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-form-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">If you want to add a particular form to your website or landing page, you can use the custom form module.  </span></p>
<p><span style="font-weight: 400;">From the custom module, you can </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24122 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-1.png" alt="custom form" width="297" height="676" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-1.png 297w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-1-132x300.png 132w" sizes="(max-width: 297px) 100vw, 297px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Choose the form layout from the single field with a side button,  multiple fields, and single field form with a button at the bottom.</span><span style="font-weight: 400;"><br />
</span></li>
</ul>
<p><b>1. Multiple field custom form</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24124 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form.png" alt="Custom form" width="786" height="751" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form.png 786w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-300x287.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-768x734.png 768w" sizes="(max-width: 786px) 100vw, 786px" /></a></div>
<p><b>2. Custom form with button at the bottom</b></p>
<div class="mwb-docs-product-images"><a href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-button-at-the-bottom.png"><br />
</a><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-button-at-the-bottom.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24125 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-button-at-the-bottom.png" alt="Custom form" width="1546" height="338" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-button-at-the-bottom.png 1546w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-button-at-the-bottom-300x66.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-button-at-the-bottom-1024x224.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-button-at-the-bottom-768x168.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-button-at-the-bottom-1536x336.png 1536w" sizes="(max-width: 1546px) 100vw, 1546px" /></a></div>
<p><b>3. Single field with side button</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Single-field-with-side-button.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24126 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Single-field-with-side-button.png" alt="Custom Form" width="1566" height="332" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Single-field-with-side-button.png 1566w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Single-field-with-side-button-300x64.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Single-field-with-side-button-1024x217.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Single-field-with-side-button-768x163.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Single-field-with-side-button-1536x326.png 1536w" sizes="(max-width: 1566px) 100vw, 1566px" /></a></div>
<p>&nbsp;</p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Change the form title, choose a form from the existing forms or create a new one.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enable the form box shadow and input field box shadow. You can add or edit these shades further. </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Once you choose a form you can edit the form content, thank you text, edit button text, GDPR options or add a new field to the form.</span></li>
</ul>
<p>&nbsp;</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24127 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-3.png" alt="Custom Form" width="315" height="534" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-3.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-3-177x300.png 177w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p><span style="font-weight: 400;">From its </span><b>style tab, </b><span style="font-weight: 400;">you can </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24128 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-2.png" alt="Custom Form" width="315" height="579" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-2.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-form-2-163x300.png 163w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p>&nbsp;</p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Overwrite form title color, enable the application of border-bottom to the form title (change border width &amp; border color), and change the desktop alignment for the form.   </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enable form background color and enable form max-width.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Overwrite form spacing for desktop and mobile. You can edit the custom form spacing and padding for both mobile and desktop devices.  </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Enable and change the form background color, enable to disable the global border on input fields, and enable the fullwidth of the button. </span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-image-5_wrap"><div class="documentor-section  section-4344" id="custom-image-5" data-section-id="4344"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.7.</span>Custom Image <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-image-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The custom image module allows adding a single custom image to your landing or website pages. You can couple it with some other module to give it a finished look!</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24129 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-1.png" alt="Custom Image" width="867" height="803" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-1.png 867w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-1-300x278.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-1-768x711.png 768w" sizes="(max-width: 867px) 100vw, 867px" /></a></div>
<p><span style="font-weight: 400;">The custom image settings include adding alt-text to the image, adjusting the size, setting the maximum size, and image loading. You can remove or replace the image anytime. </span></p>
<p>&nbsp;</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24131 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-2.png" alt="Custom Image" width="313" height="673" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-2.png 313w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-2-140x300.png 140w" sizes="(max-width: 313px) 100vw, 313px" /></a></div>
<p><span style="font-weight: 400;">From its</span><b> style tab, </b><span style="font-weight: 400;"> you can change the desktop and mobile image alignment and set the image corner radius.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24132 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-4.png" alt="custom image" width="315" height="504" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-4.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-image-4-188x300.png 188w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-menu_wrap"><div class="documentor-section  section-4345" id="custom-menu" data-section-id="4345"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.8.</span>Custom Menu <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-menu')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can add a custom menu to your landing page using this module. You can choose the menu you want to apply on your header or footer. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24134 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu.png" alt="Custom menu" width="671" height="585" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu.png 671w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-300x262.png 300w" sizes="(max-width: 671px) 100vw, 671px" /></a></div>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24136 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-1.png" alt="Custom menu" width="316" height="369" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-1.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-1-257x300.png 257w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
<p><span style="font-weight: 400;">From the style tab, you can overwrite style, change text color, and drop-down text color. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24135 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-2.png" alt="custom menu" width="310" height="394" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-2.png 310w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/custom-menu-2-236x300.png 236w" sizes="(max-width: 310px) 100vw, 310px" /></a></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="filter-3_wrap"><div class="documentor-section  section-4346" id="filter-3" data-section-id="4346"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.9.</span>Filter <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#filter-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The filter module allows you to add filtering ability for the users. Your website visitors can filter certain products, dishes, or service pages based on their choices. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-01.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24137 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-01.png" alt="Filter" width="1497" height="645" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-01.png 1497w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-01-300x129.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-01-1024x441.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-01-768x331.png 768w" sizes="(max-width: 1497px) 100vw, 1497px" /></a></div>
<p><span style="font-weight: 400;">From its module settings, you can  </span></p>
<ul>
<li style="list-style-type: none;">
<ul>
<li style="font-weight: 400;" aria-level="1"><b>Select layouts </b><span style="font-weight: 400;">from image tables and image sliders.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Enable or disable tabs</b><span style="font-weight: 400;">, add multiple tabs, edit each tab name, name tab id, and set the tab as an initial filter. In that case, this tab will be applied by default when the user visits that page.    </span></li>
</ul>
</li>
</ul>
<ul>
<li aria-level="1"><b>Enable or disable item links, </b><span style="font-weight: 400;">and add multiple portfolio tabs.</span></li>
</ul>
<ul>
<li aria-level="1"><b>Edit portfolio tabs </b><span style="font-weight: 400;">by replacing or removing images, adding alt text, decide image loading, set items ID, and item link URL.</span></li>
</ul>
<ul>
<li aria-level="1"><span style="font-weight: 400;">Enable box shadow and adding box shades              </span></li>
</ul>
<div class="mwb-docs-product-images">
<p><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24139 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter.png" alt="Filter" width="298" height="777" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter.png 298w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-115x300.png 115w" sizes="(max-width: 298px) 100vw, 298px" /></a><span style="font-weight: 400;">From its style tab, you can overwrite the border radius.</span></p>
</div>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24140 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-2.png" alt="Filter" width="312" height="320" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-2.png 312w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/filter-2-293x300.png 293w" sizes="(max-width: 312px) 100vw, 312px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="footer-new_wrap"><div class="documentor-section  section-4347" id="footer-new" data-section-id="4347"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.10.</span>Footer Nav <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#footer-new')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Using this module, you can add a navigation on the footer of your website pages.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav-01.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24142 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav-01.png" alt="Footer Nav" width="1138" height="136" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav-01.png 1138w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav-01-300x36.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav-01-1024x122.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav-01-768x92.png 768w" sizes="(max-width: 1138px) 100vw, 1138px" /></a></div>
<p><span style="font-weight: 400;">You can select a menu for displaying on your navigation and choose a maximum level for the same.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24143 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav.png" alt="Footer Nav" width="314" height="415" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/footer-nav-227x300.png 227w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="gallery-8_wrap"><div class="documentor-section  section-4348" id="gallery-8" data-section-id="4348"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.11.</span>Gallery <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#gallery-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">As the name suggests, you can add a gallery of images to your website pages using the gallery module. You must have your restaurants images that you want to display on your website and take lesser space too. Gallery module works best where image module is too less for your landing page!</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24146 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-1.png" alt="Gallery" width="1291" height="744" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-1.png 1291w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-1-300x173.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-1-1024x590.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-1-768x443.png 768w" sizes="(max-width: 1291px) 100vw, 1291px" /></a></div>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24147 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-2.png" alt="Gallery" width="313" height="419" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-2.png 313w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-2-224x300.png 224w" sizes="(max-width: 313px) 100vw, 313px" /></a></div>
<p><span style="font-weight: 400;">You can add as many images as you like to the gallery and edit each image too.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24144 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-3.png" alt="Gallery" width="297" height="518" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-3.png 297w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-3-172x300.png 172w" sizes="(max-width: 297px) 100vw, 297px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can edit the image corner radius, navigation image corner radius, overwrite icon background color, and change the content text and background color on the gallery images. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24148 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-4.png" alt="Gallery" width="316" height="713" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-4.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/gallery-4-133x300.png 133w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-toggler-6_wrap"><div class="documentor-section  section-4349" id="header-toggler-6" data-section-id="4349"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.12.</span>Header Toggler <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-toggler-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The header toggler allows you to add a toggler to the header so that user can see more options. </span></p>
<div class="mwb-docs-product-images">
<p><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/open.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24150 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/open.png" alt="Hedder Toggler" width="260" height="57" /></a></p>
</div>
<div class="mwb-docs-product-images">
<p><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/close-icon.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24151 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/close-icon.png" alt="Header Toggler" width="198" height="45" /></a></p>
</div>
<p><span style="font-weight: 400;">You can edit the style of the header toggler by changing the open and close icon color, and the spacing and padding of the toggler.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-toggler.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24152 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-toggler.png" alt="Header Toggler" width="316" height="700" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-toggler.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-toggler-135x300.png 135w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
<p><span style="font-weight: 400;">For best results you should drag and drop this odule above the menu component. </span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-controls-10_wrap"><div class="documentor-section  section-4350" id="header-controls-10" data-section-id="4350"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.13.</span>Header Controls <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-controls-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Header controls include choosing the display mode, enable search, change placeholder text enable button on header, select button style, edit button text, and add a link to the button.       </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24153 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-3.png" alt="Header Controls" width="355" height="78" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-3.png 355w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-3-300x66.png 300w" sizes="(max-width: 355px) 100vw, 355px" /></a></div>
<div class="mwb-docs-product-images">
<p><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24155 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls.png" alt="Header Controls" width="317" height="1002" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-95x300.png 95w" sizes="(max-width: 317px) 100vw, 317px" /></a></p>
</div>
<p><span style="font-weight: 400;">From the style tab, you can change search background color, open icon color, input background color, close icon color, enable or disable close icon background color and change the close icon background color.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24156 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-2.png" alt="Header Controls" width="316" height="615" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-2.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/header-controls-2-154x300.png 154w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="hero-layout_wrap"><div class="documentor-section  section-4351" id="hero-layout" data-section-id="4351"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.14.</span>Hero Layout <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#hero-layout')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The hero layout is the top most banner and the first thing the users views as soon as they land on your website page. You can edit the hero layout with the following,</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Hero-layouts.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24157 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Hero-layouts.png" alt="Hero Layout" width="236" height="678" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Hero-layouts.png 236w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Hero-layouts-104x300.png 104w" sizes="(max-width: 236px) 100vw, 236px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Change the banner layouts. You have three options. </span><br />
<strong>1. </strong><b><b>Banner with image<br />
</b></b><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24159 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image.png" alt="Hero Layout" width="1638" height="461" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image.png 1638w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image-300x84.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image-1024x288.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image-768x216.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/banner-with-image-1536x432.png 1536w" sizes="(max-width: 1638px) 100vw, 1638px" /></a><b>2. </b><b>Background image</b></li>
</ul>
<ol>
<li style="list-style-type: none;">
<ol>
<li style="list-style-type: none;"></li>
</ol>
</li>
</ol>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-action.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24160 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-action.png" alt="Hero Layout" width="844" height="250" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-action.png 844w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-action-300x89.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-action-768x227.png 768w" sizes="(max-width: 844px) 100vw, 844px" /></a></div>
<p><strong>3.</strong> <b>Background color<br />
</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/background-color.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24162 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/background-color.png" alt="Hero Layout" width="1715" height="342" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/background-color.png 1715w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/background-color-300x60.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/background-color-1024x204.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/background-color-768x153.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/background-color-1536x306.png 1536w" sizes="(max-width: 1715px) 100vw, 1715px" /></a></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">You can select actions from breadcrumb or button.</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Breadcrumbs action</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/breadcrum-action.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24161 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/breadcrum-action.png" alt="Hero Layout" width="894" height="256" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/breadcrum-action.png 894w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/breadcrum-action-300x86.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/breadcrum-action-768x220.png 768w" sizes="(max-width: 894px) 100vw, 894px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Button action </span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-action-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24163 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-action-1.png" alt="Hero Layout" width="844" height="250" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-action-1.png 844w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-action-1-300x89.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/button-action-1-768x227.png 768w" sizes="(max-width: 844px) 100vw, 844px" /></a></div>
<p><span style="font-weight: 400;">You can edit the banner content, enable a mini title, add a primary CTA button and change its style. Additionally, you can edit breadcrumbs by adding parent data, change the current page name, enable banner overlay, it’s direction value, add shades and change it’s default color. </span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="icon-box-11_wrap"><div class="documentor-section  section-4352" id="icon-box-11" data-section-id="4352"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.15.</span>Icon Box <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#icon-box-11')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">This module provides an area where you can display several cards. For example, you could show the available services, cuisines, or regular events of your restaurants along with icons.</span></p>
<p><span style="font-weight: 400;">You can add multiple cards,</span><b> change card layout, choose the number of columns, select use of icon or image, and edit icon box content, image loading, replace remove the icon/image, add alt text,etc</b><span style="font-weight: 400;">.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24164 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-2.png" alt="Icon Box" width="314" height="703" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-2.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-2-134x300.png 134w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
<p><b>1. Icon box with card layout </b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24166 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1.png" alt="Icon Box" width="1582" height="365" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1.png 1582w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1-300x69.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1-1024x236.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1-768x177.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-1-1536x354.png 1536w" sizes="(max-width: 1582px) 100vw, 1582px" /></a></div>
<p><b>2. Icon box with compact layout</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Icon-box-with-compact-layout.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24167 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Icon-box-with-compact-layout.png" alt="Icon Box" width="1136" height="270" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Icon-box-with-compact-layout.png 1136w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Icon-box-with-compact-layout-300x71.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Icon-box-with-compact-layout-1024x243.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Icon-box-with-compact-layout-768x183.png 768w" sizes="(max-width: 1136px) 100vw, 1136px" /></a></div>
<p><span style="font-weight: 400;">From the icon style tab you can</span><b> change icon box alignment for mobile and desktop, and change the spacing and padding. </b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24168 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-3.png" alt="Icon Box" width="317" height="836" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-3.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/icon-box-3-114x300.png 114w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="logo-9_wrap"><div class="documentor-section  section-4353" id="logo-9" data-section-id="4353"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.16.</span>Logo <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#logo-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You may add your restaurant’s logo anywhere you like with this module.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/logo-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24169 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/logo-1.png" alt="Logo " width="308" height="73" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/logo-1.png 308w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/logo-1-300x71.png 300w" sizes="(max-width: 308px) 100vw, 308px" /></a></div>
<p><span style="font-weight: 400;">You can further replace or remove your custom logo, adjust maximum size of the logo. </span></p>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="maps_wrap"><div class="documentor-section  section-4354" id="maps" data-section-id="4354"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.17.</span>Maps <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#maps')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Map module adds your location in the form of a map on your website page. In this way people will easily find your restaurant via a map.</span></p>
<p><span style="font-weight: 400;">You can change the</span><b> layout based on single or multiple locations, replace or remove pointer icon/image, change the location pointer, adjust image loading, input map API, pointer details, Map JSON file, map zoom level, center latitude, and longitude</b><span style="font-weight: 400;">.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24172 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-2.png" alt="Map" width="320" height="659" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-2.png 320w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-2-146x300.png 146w" sizes="(max-width: 320px) 100vw, 320px" /></a></div>
<p><b>1. Single Location Map Layout</b></p>
<div class="mwb-docs-product-images">
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24173 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-1.png" alt="Map" width="1263" height="704" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-1.png 1263w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-1-300x167.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-1-1024x571.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-1-768x428.png 768w" sizes="(max-width: 1263px) 100vw, 1263px" /></a></div>
<div>
<p><b>2. Multiple Location Map Layout </b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Map-Multiple-layout.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24174 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Map-Multiple-layout.png" alt="Map" width="1285" height="635" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/Map-Multiple-layout.png 1285w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Map-Multiple-layout-300x148.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Map-Multiple-layout-1024x506.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/Map-Multiple-layout-768x380.png 768w" sizes="(max-width: 1285px) 100vw, 1285px" /></a></div>
<p><span style="font-weight: 400;">From it’s style tab you can overwrite border radius corners</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24175 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-3.png" alt="Map" width="311" height="291" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-3.png 311w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/map-3-300x281.png 300w" sizes="(max-width: 311px) 100vw, 311px" /></a></div>
</div>
</div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="our-partners_wrap"><div class="documentor-section  section-4355" id="our-partners" data-section-id="4355"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.18.</span>Our  Partners <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#our-partners')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Our partner module helps you to add your partners in an icon or image form on your website pages. It can be used for add your partners in getting your restaurants moving lik your delivery partner, fresh food partners, etc.</span></p>
<p><span style="font-weight: 400;">You have the layout choice where you can add these partner modules in the form of </span><b> listings or slider, add multiple partners, edit the content of the partner icon, </b><span style="font-weight: 400;">and </span><b>enable or disable description for partners.  </b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partners-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24177 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partners-2.png" alt="Our Partners" width="315" height="529" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partners-2.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partners-2-179x300.png 179w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p><span style="font-weight: 400;">     <strong>1. Partner module without description </strong></span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partners-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24178 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partners-1.png" alt="Our Partners" width="370" height="196" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partners-1.png 370w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partners-1-300x159.png 300w" sizes="(max-width: 370px) 100vw, 370px" /></a></div>
<p><strong>2. Partner module with description </strong></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partner-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24179 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partner-3.png" alt="Our Partners" width="1558" height="407" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partner-3.png 1558w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partner-3-300x78.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partner-3-1024x268.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partner-3-768x201.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partner-3-1536x401.png 1536w" sizes="(max-width: 1558px) 100vw, 1558px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can change the module alignment, enable or disable grayscale, overwrite corner radius settings, and adjust the inner spacing of the module. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partners-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24180 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partners-4.png" alt="Our Partners" width="314" height="332" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partners-4.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/our-partners-4-284x300.png 284w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="pricing-card-5_wrap"><div class="documentor-section  section-4356" id="pricing-card-5" data-section-id="4356"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.19.</span>Pricing Card <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#pricing-card-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Pricing cards allow adding your dishes along with their prices. Just like you have a menu for you physical stores, you can use the pricing card for adding a digital menu to your website pages.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24182 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card.png" alt="Pricing Card" width="1227" height="1171" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card.png 1227w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-300x286.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-1024x977.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-768x733.png 768w" sizes="(max-width: 1227px) 100vw, 1227px" /></a></div>
<p><span style="font-weight: 400;">You can add multiple sections like welcome drinks, starters, desserts, main course, etc. and edit their content.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24183 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-2.png" alt="Pricing Card" width="315" height="361" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-2.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-2-262x300.png 262w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p><span style="font-weight: 400;">For each card you can replace or remove the card image, add alt text, change card titles, mention multiple items under each card, and enable the reverse effect. The reverse effect changes the image from the right side of the content to the left side and vice versa. Additionally, you can only use</span><b> 420 x 550 dimension images </b><span style="font-weight: 400;">for the pricing card.</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">For items in each card, you can change the </span><b>headings, and prices and add a description for the same.</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24184 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-4.png" alt="Pricing Card" width="236" height="716" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-4.png 236w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-4-99x300.png 99w" sizes="(max-width: 236px) 100vw, 236px" /></a></div>
<p><span style="font-weight: 400;">The</span><b> style tab</b><span style="font-weight: 400;"> of the pricing card module helps you overwrite color settings like changing pricing cards&#8217; background color, border color, price, and heading, and description colors.</span></p>
<div class="mwb-docs-product-images"><a href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-5.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24185 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-5.png" alt="Pricing Card" width="315" height="645" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-5.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/pricing-card-5-147x300.png 147w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="social-follow-10_wrap"><div class="documentor-section  section-4357" id="social-follow-10" data-section-id="4357"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.20.</span>Social Follow <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#social-follow-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Your restaurant/cafe/food business must have a social media account. Hence the social follow module enables you to display all your social media accounts on your website pages. You can pair your social follow module with the logo and place it on your header or footer for best results. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24187 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-1.png" alt="Social Follow" width="345" height="73" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-1.png 345w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-1-300x63.png 300w" sizes="(max-width: 345px) 100vw, 345px" /></a></div>
<p><span style="font-weight: 400;">You can add multiple social icons like Facebook, Instagram, Linkedin, Youtube, Twitter, etc.   </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24188 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-2.png" alt="Social Follow" width="380" height="467" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-2-244x300.png 244w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">You can replace or remove each social icons image, and add your social link.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24189 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-3.png" alt="Social Follow" width="313" height="712" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-3.png 313w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-3-132x300.png 132w" sizes="(max-width: 313px) 100vw, 313px" /></a></div>
<p><span style="font-weight: 400;">From its </span><b>style tab </b><span style="font-weight: 400;">you can change the social follow fill color, adjust the corner radius, and change its desktop andmobile alignment. </span><b> </b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24190 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-4.png" alt="Social Follow" width="292" height="724" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-4.png 292w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/social-follow-4-121x300.png 121w" sizes="(max-width: 292px) 100vw, 292px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="spacer-12_wrap"><div class="documentor-section  section-4358" id="spacer-12" data-section-id="4358"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.21.</span>Spacer <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#spacer-12')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The spacer module adds white space to the website and landing pages.</span><b> With the spacer module, you can add vertical spaces between sections and modules as and when required.   </b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/spacer-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24191 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/spacer-1.png" alt="Spacer" width="1490" height="1129" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/spacer-1.png 1490w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/spacer-1-300x227.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/spacer-1-1024x776.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/spacer-1-768x582.png 768w" sizes="(max-width: 1490px) 100vw, 1490px" /></a></div>
<p><b>For spacer </b><span style="font-weight: 400;">module you can have styling options to change the spacer height for desktop, tablet, and mobile. You can also change the spacer background color. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/spacer-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24192 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/spacer-2.png" alt="" width="314" height="503" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/spacer-2.png 314w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/spacer-2-187x300.png 187w" sizes="(max-width: 314px) 100vw, 314px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="tabs-3_wrap"><div class="documentor-section  section-4359" id="tabs-3" data-section-id="4359"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.22.</span>Tabs <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#tabs-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Create single consecutive windows to show your famous dishes on your homepage or landing pages</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24194 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs.png" alt="Tabs" width="1248" height="477" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs.png 1248w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-300x115.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-1024x391.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-768x294.png 768w" sizes="(max-width: 1248px) 100vw, 1248px" /></a></div>
<p><span style="font-weight: 400;">You can add multiple items in the tabs and edit them too. You can </span><b>replace or remove the icon of next and previous arrow, add alt text, and change the number of slider items for desktop, mobile and tablet.  </b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24195 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-1.png" alt="Tabs" width="313" height="535" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-1.png 313w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-1-176x300.png 176w" sizes="(max-width: 313px) 100vw, 313px" /></a></div>
<p><span style="font-weight: 400;">For editing each iten you can enable or disable image, add alt text, select image size, width, and height, enable or disable heading, edit heading, and add a description.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24196 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-2.png" alt="Tabs" width="238" height="1004" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-2.png 238w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-2-71x300.png 71w" sizes="(max-width: 238px) 100vw, 238px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can change tab alignment, enable background color, adjust spacing. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24198 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-3.png" alt="Tabs" width="315" height="603" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-3.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/tabs-3-157x300.png 157w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="testimonial-8_wrap"><div class="documentor-section  section-4360" id="testimonial-8" data-section-id="4360"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.23.</span>Testimonial <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#testimonial-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Testimonials are a great way to win the customers trust. If people love you your food and service, you can always show them off with the testimonial module. It allows you to add their statements on your website pages.</span></p>
<p><span style="font-weight: 400;">You can replace or remove background image from the testimonial content, add alt text, add multiple slides, and adjust a few slider settings.   </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24199 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-1.png" alt="Testimonial" width="292" height="702" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-1.png 292w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-1-125x300.png 125w" sizes="(max-width: 292px) 100vw, 292px" /></a></div>
<p>&nbsp;</p>
<p><span style="font-weight: 400;">Slider settings allow you to enable testimonial autoplay or enable slider control for the user to see more testimonials. You can also remove or replace the slider arrow images.   </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24200 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-2.png" alt="Testimonial" width="318" height="429" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-2.png 318w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-2-222x300.png 222w" sizes="(max-width: 318px) 100vw, 318px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can change the content color, client name color, change spacing, set alignments, and adjust the maximum width along with the corner radius.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24202 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-3.png" alt="Testimonial" width="317" height="741" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-3.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/testimonial-3-128x300.png 128w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="title-content-9_wrap"><div class="documentor-section  section-4361" id="title-content-9" data-section-id="4361"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.24.</span>Title Content <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#title-content-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The title content module allows adding title text on your landing pages.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24204 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content.png" alt="Title Content" width="1187" height="505" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content.png 1187w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-300x128.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-1024x436.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-768x327.png 768w" sizes="(max-width: 1187px) 100vw, 1187px" /></a></div>
<p><span style="font-weight: 400;">You can </span><b>enable or disable a mini title, edit mini title text, and add content.</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24208 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-2.png" alt="" width="317" height="817" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-2.png 317w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-2-116x300.png 116w" sizes="(max-width: 317px) 100vw, 317px" /></a></div>
<p><span style="font-weight: 400;">You can also enable a primary and secondary button along with the title content. You can further change the button styles for both the buttons. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24205 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-3.png" alt="Title Content" width="318" height="485" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-3.png 318w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-3-197x300.png 197w" sizes="(max-width: 318px) 100vw, 318px" /></a></div>
<p><span style="font-weight: 400;">From the style tab you can make changes in the </span><b>container color, enable maximum width, and change desktop and mobile container spacing</b><span style="font-weight: 400;"> and content.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-4.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24207 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-4.png" alt="Title Content" width="315" height="230" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-4.png 315w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-4-300x219.png 300w" sizes="(max-width: 315px) 100vw, 315px" /></a></div>
<p><span style="font-weight: 400;">From the content setting of the style tab, you can adjust the text alignment for desktop and mobile, overwrite title, mini title, and description settings.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-5.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24209 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-5.png" alt="Title content" width="316" height="374" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-5.png 316w, https://docs.makewebbetter.com/wp-content/uploads/2022/09/title-content-5-253x300.png 253w" sizes="(max-width: 316px) 100vw, 316px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="theme-sections-3_wrap"><div class="documentor-section  section-4123" id="theme-sections-3" data-section-id="4123"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.</span>Theme Sections <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#theme-sections-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">This free HubSpot theme offers 9 different sections you can use on any page of your website.</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1">
<h3><span style="font-weight: 400;">Button with text</span></h3>
</li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/button-with-text.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23477 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/button-with-text.png" alt="hubspot button with text" width="1386" height="286" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/button-with-text.png 1386w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/button-with-text-300x62.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/button-with-text-1024x211.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/button-with-text-768x158.png 768w" sizes="(max-width: 1386px) 100vw, 1386px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1">
<h3><span style="font-weight: 400;">Counter</span></h3>
</li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/counter.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23478 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/counter.png" alt="hubspot theme counter settings " width="1600" height="691" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/counter.png 1600w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/counter-300x130.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/counter-1024x442.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/counter-768x332.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/counter-1536x663.png 1536w" sizes="(max-width: 1600px) 100vw, 1600px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1">
<h3><span style="font-weight: 400;">Form landing banner</span></h3>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-landing-banner-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24211 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-landing-banner-1.png" alt="Form Landing Banner" width="1916" height="961" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-landing-banner-1.png 1916w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-landing-banner-1-300x150.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-landing-banner-1-1024x514.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-landing-banner-1-768x385.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-landing-banner-1-1536x770.png 1536w" sizes="(max-width: 1916px) 100vw, 1916px" /></a></div>
</li>
<li aria-level="1">
<h3><span style="font-weight: 400;">Form with content</span></h3>
</li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-with-content-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-24212 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-with-content-1.png" alt="Form with content" width="1598" height="842" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-with-content-1.png 1598w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-with-content-1-300x158.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-with-content-1-1024x540.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-with-content-1-768x405.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/form-with-content-1-1536x809.png 1536w" sizes="(max-width: 1598px) 100vw, 1598px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1">
<h3><span style="font-weight: 400;">Get in touch</span></h3>
</li>
</ul>
<div class="mwb-docs-product-images">
<p><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/get-in-touch.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23482 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/get-in-touch.png" alt="hubspot get in touch" width="1600" height="351" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/get-in-touch.png 1600w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/get-in-touch-300x66.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/get-in-touch-1024x225.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/get-in-touch-768x168.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/get-in-touch-1536x337.png 1536w" sizes="(max-width: 1600px) 100vw, 1600px" /></a></p>
</div>
<ul>
<li style="font-weight: 400;" aria-level="1">
<h3><span style="font-weight: 400;">Icon box</span></h3>
</li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/icon-box-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23483 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/icon-box-1.png" alt="hubspot icon box" width="1600" height="520" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/icon-box-1.png 1600w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/icon-box-1-300x98.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/icon-box-1-1024x333.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/icon-box-1-768x250.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/icon-box-1-1536x499.png 1536w" sizes="(max-width: 1600px) 100vw, 1600px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1">
<h3><span style="font-weight: 400;">Our team</span></h3>
</li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/our-team.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23484 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/our-team.png" alt="hubspot our team" width="1600" height="604" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/our-team.png 1600w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/our-team-300x113.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/our-team-1024x387.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/our-team-768x290.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/our-team-1536x580.png 1536w" sizes="(max-width: 1600px) 100vw, 1600px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1">
<h3><span style="font-weight: 400;">Pricing</span></h3>
</li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/pricing.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23485 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/pricing.png" alt="Hubspot pricing" width="1449" height="1600" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/pricing.png 1449w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/pricing-272x300.png 272w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/pricing-927x1024.png 927w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/pricing-768x848.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/pricing-1391x1536.png 1391w" sizes="(max-width: 1449px) 100vw, 1449px" /></a></div>
<ul>
<li aria-level="1"><span style="font-weight: 400;">Testimonial</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/07/testimonial-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23486 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/07/testimonial-1.png" alt="Testimonial" width="1600" height="391" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/07/testimonial-1.png 1600w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/testimonial-1-300x73.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/testimonial-1-1024x250.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/testimonial-1-768x188.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/07/testimonial-1-1536x375.png 1536w" sizes="(max-width: 1600px) 100vw, 1600px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="theme-templates-3_wrap"><div class="documentor-section  section-4124" id="theme-templates-3" data-section-id="4124"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.</span>Theme Templates <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#theme-templates-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">This Food Pandora theme comes with 6 following templates,</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">About Us</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Contact</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Food Menu</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Homepage</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Landing Page</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Our Chef</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="system-pages-11_wrap"><div class="documentor-section  section-4125" id="system-pages-11" data-section-id="4125"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.</span>System Pages <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#system-pages-11')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Food Pandora theme offers you 7 different system pages that are as follows,</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">404 Error</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">500 Error</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Password Prompt</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Search Results</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Backup Unsubscribe</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Subscription Preferences</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Subscription Confirmation</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--></div><!--.doc-sec-container--><div id="sugestedit_popup339" class="sugestedit_popup">
				<a class="modal_close"></a>
				<form name="documentor-suggestform" method="post" class="documentor-suggestform">
					<div class="doc-frmdiv" style="font-weight: bold;">Suggest Edit
					</div>
					<div class="doc-frmdiv">
						<input type="text" name="sec_title" class="sedit-sectitle txtinput" value="" />
					</div><div class="doc-frmdiv">
							<input type="text" name="name" class="txtinput" placeholder="Name" required />
						</div><div class="doc-frmdiv">
							<input type="email" class="emailinput" placeholder="Email" name="email" required /> 
						</div><div class="doc-frmdiv">
							<textarea name="content" class="textareainput" placeholder="Post your suggestion..." required></textarea>
						</div><div class="doc-frmdiv"><label> Captcha :&nbsp; </label><span class="doc-sedit-captcha"></span></div><input type="hidden" class="sedit-secid" name="secid" value="" />
					<input type="hidden" class="sedit-postid" name="sedit_postid" value="" />
					<input type="hidden" class="sedit-docid" name="docid" value="339" />
					<button class="docsubmit-suggestform"> Submit </button>
				</form>
			</div><script type="text/javascript">
			jQuery(document).ready(function(){
				jQuery("#documentor-339").documentor({
					documentid	: 339,
					docid		: "documentor-339",
					animation	: "",
					indexformat	: "1",
					pformat		: "decimal",
					cformat		: "decimal",					
					secstyle	: "clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;",
					actnavbg_default: "1",
					actnavbg_color	: "#000000",
					enable_ajax	: "0",
					scrolling	: "1",
					fixmenu		: "1",
					skin		: "mint",
					scrollBarSize	: "3",
					scrollBarColor	: "#326693",
					scrollBarOpacity: "0.4",
					windowprint	: "0",
					menuTop: "20",
					socialshare	: 0,
					sharecount	: 1,
					fbshare		: 1,
					twittershare	: 1,
					gplusshare	: 1,
					pinshare	: 1,
					togglechild	: 0,
					noResultsStr: "No results found!",
				});	
			});</script></div><!--/.document-wrapper--></div><div class="cleardiv"> </div><div id="documentor-339-end"></div></p>
<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/food-pandora-hubspot-theme/">Food Pandora HubSpot Theme</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://docs.makewebbetter.com/food-pandora-hubspot-theme/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Electro HubSpot Theme</title>
		<link>https://docs.makewebbetter.com/electro-hubspot-theme/</link>
					<comments>https://docs.makewebbetter.com/electro-hubspot-theme/#respond</comments>
		
		<dc:creator><![CDATA[sanjeev maurya]]></dc:creator>
		<pubDate>Fri, 27 May 2022 08:42:24 +0000</pubDate>
				<category><![CDATA[HubSpot Themes]]></category>
		<guid isPermaLink="false">https://docs.makewebbetter.com/?p=22802</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/electro-hubspot-theme/">Electro HubSpot Theme</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div id="documentor-336" class="documentor-mint documentor-wrap" data-docid = "336" ><div class="documentor-topicons doc-noprint"><span class="doc-topiconswrap"></span><div class="cleardiv"></div><div class="clrright"></div></div><div class="document-wrapper"><div class="doc-menu doc-noprint"><div class="doc-menurelated"><ol class="doc-list-front"><li class="doc-actli"><a class="documentor-menu" href="#overview-280"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#overview-280" data-sec-counter="1" data-section-id="3910">Overview </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#basic-concepts-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#basic-concepts-2" data-sec-counter="2" data-section-id="3911">Basic Concepts</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#creating-a-page"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#creating-a-page" data-sec-counter="3" data-section-id="3912">Creating a Page</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#changing-templates"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#changing-templates" data-sec-counter="4" data-section-id="3913">Changing Templates </a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#blog-templates"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-templates" data-sec-counter="4.1" data-section-id="3914">Blog Templates </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#system-templates"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#system-templates" data-sec-counter="4.2" data-section-id="3915">System Templates </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#email-template-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#email-template-2" data-sec-counter="4.3" data-section-id="3916">Email Template</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#editing-theme-settings-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#editing-theme-settings-3" data-sec-counter="5" data-section-id="3917">Editing Theme Settings</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#global-colors-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#global-colors-3" data-sec-counter="5.1" data-section-id="3918">Global Colors</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#global-fonts-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#global-fonts-3" data-sec-counter="5.2" data-section-id="3919">Global Fonts</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#typography-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#typography-3" data-sec-counter="5.3" data-section-id="3920">Typography</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#spacing-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#spacing-3" data-sec-counter="5.4" data-section-id="3921">Spacing </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#buttons"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#buttons" data-sec-counter="5.5" data-section-id="3922">Buttons</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#forms-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#forms-3" data-sec-counter="5.6" data-section-id="3923">Forms</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#tables-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#tables-3" data-sec-counter="5.7" data-section-id="3924">Tables</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-2" data-sec-counter="5.8" data-section-id="3925">Header</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#footer-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#footer-6" data-sec-counter="5.9" data-section-id="3926">Footer </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-setting-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-setting-7" data-sec-counter="5.10" data-section-id="3927">Blog Setting </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#system-page-settings-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#system-page-settings-4" data-sec-counter="5.11" data-section-id="3928">System Page Settings</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#edit-global-module"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#edit-global-module" data-sec-counter="6" data-section-id="3929">Edit Global Module</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#reusable-sections-in-theme"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#reusable-sections-in-theme" data-sec-counter="7" data-section-id="3930">Reusable Sections In Theme</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#module-library-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#module-library-3" data-sec-counter="8" data-section-id="3931">Module Library</a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#accordion-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#accordion-8" data-sec-counter="8.1" data-section-id="3932">Accordion</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#banner-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#banner-2" data-sec-counter="8.2" data-section-id="3933">Banner</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#logo-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#logo-5" data-sec-counter="8.3" data-section-id="3934">Logo</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#card-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#card-3" data-sec-counter="8.4" data-section-id="3935">Card</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#counter-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#counter-6" data-sec-counter="8.5" data-section-id="3936">Counter</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#copyright-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#copyright-2" data-sec-counter="8.6" data-section-id="3937">Copyright</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-form-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-form-2" data-sec-counter="8.7" data-section-id="3938">Custom form</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-image-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-image-3" data-sec-counter="8.8" data-section-id="3939">Custom Image</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#customizable-button-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#customizable-button-4" data-sec-counter="8.9" data-section-id="3940">Customizable Button</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#icon-box-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#icon-box-7" data-sec-counter="8.10" data-section-id="3941">Icon Box</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#map-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#map-7" data-sec-counter="8.11" data-section-id="3942">Map</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#our-partner-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#our-partner-2" data-sec-counter="8.12" data-section-id="3943">Our Partner </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#pricing-card-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#pricing-card-4" data-sec-counter="8.13" data-section-id="3944">Pricing Card</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#process-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#process-2" data-sec-counter="8.14" data-section-id="3945">Process </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#social-follow-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#social-follow-6" data-sec-counter="8.15" data-section-id="3946">Social Follow</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#spacer-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#spacer-8" data-sec-counter="8.16" data-section-id="3947">Spacer</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#tabs-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#tabs-2" data-sec-counter="8.17" data-section-id="3948">Tabs</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#team-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#team-7" data-sec-counter="8.18" data-section-id="3949">Team</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#testimonial-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#testimonial-5" data-sec-counter="8.19" data-section-id="3950">Testimonial</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#title-content-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#title-content-6" data-sec-counter="8.20" data-section-id="3951">Title Content</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#video-popup-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#video-popup-5" data-sec-counter="8.21" data-section-id="3952">Video Popup</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-listing-12"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-listing-12" data-sec-counter="8.22" data-section-id="3953">Blog Listing</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-toggler-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-toggler-2" data-sec-counter="8.23" data-section-id="3954">Header Toggler</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-controls-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-controls-6" data-sec-counter="8.24" data-section-id="3955">Header Controls</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#navigation-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#navigation-2" data-sec-counter="8.25" data-section-id="3956">Navigation</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#menu-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#menu-10" data-sec-counter="8.26" data-section-id="3957">Menu</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#template-library-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#template-library-3" data-sec-counter="9" data-section-id="3958">Template Library </a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#homepage-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#homepage-6" data-sec-counter="9.1" data-section-id="3959">Homepage</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#about-us-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#about-us-3" data-sec-counter="9.2" data-section-id="3960">About us</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#contact-us-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#contact-us-4" data-sec-counter="9.3" data-section-id="3961">Contact Us</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#services-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#services-2" data-sec-counter="9.4" data-section-id="3962">Services</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#team-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#team-8" data-sec-counter="9.5" data-section-id="3963">Team</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#make-an-appointment"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#make-an-appointment" data-sec-counter="9.6" data-section-id="3964">Make an Appointment</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-listing-14"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-listing-14" data-sec-counter="9.7" data-section-id="3966">Blog Listing</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-listing-13"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-listing-13" data-sec-counter="9.8" data-section-id="3965">Blog Detail</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#system-pages-8"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#system-pages-8" data-sec-counter="10" data-section-id="3967">System Pages </a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#error-404-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#error-404-2" data-sec-counter="10.1" data-section-id="3968">Error 404</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#error-500-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#error-500-2" data-sec-counter="10.2" data-section-id="3969">Error 500</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#search-results-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#search-results-4" data-sec-counter="10.3" data-section-id="3970">Search Results</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#password-prompt-page-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#password-prompt-page-3" data-sec-counter="10.4" data-section-id="3971">Password Prompt Page</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#email-backup-unsubscribe"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#email-backup-unsubscribe" data-sec-counter="10.5" data-section-id="3972">Email Backup Unsubscribe</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#email-subscription-confirmation-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#email-subscription-confirmation-2" data-sec-counter="10.6" data-section-id="3973">Email Subscription Confirmation</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#email-subscription-preferences-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#email-subscription-preferences-2" data-sec-counter="10.7" data-section-id="3974">Email Subscription Preferences</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li></ol></div></div><div class="doc-sec-container" id="documentor_seccontainer"><div class="doc-sectionwrap" id="overview-280_wrap"><div class="documentor-section  section-3910" id="overview-280" data-section-id="3910"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.</span>Overview  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#overview-280')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Electro is the best HubSpot theme for electrician and electrical services websites. HubSpot CMS looks best for your electrical business with our free HubSpot theme, whose features include:</span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Highly flexible, lightweight &amp; high page speed</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Drag n drop modules with re-usable sections </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">DIY easy theme settings with modern &amp; creative designing </span></li>
</ol>
<p><b>Note: </b><span style="font-weight: 400;">Get a <strong>15m</strong></span><b> free live interaction with our experts. </b><span style="font-weight: 400;"> You can ask your doubts or get help in installing the theme. This is completely optional and free once you download our theme.</span></p>
<p><b> </b></p>
<p><strong><a href="https://meetings.hubspot.com/makewebbetter/free-hubspot-consultation/" rel="nofollow">Schedule Your Free Session</a></strong></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="basic-concepts-2_wrap"><div class="documentor-section  section-3911" id="basic-concepts-2" data-section-id="3911"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.</span>Basic Concepts <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#basic-concepts-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Before starting off with the theme working, here are a few things you need to know,</span></p>
<p><span style="font-weight: 400;">1- Modules </span></p>
<p><span style="font-weight: 400;">Interchangeable and self-contained objects that add functionality to your page are called modules. When combined correctly, they produce wonders for your UI/UX. You can drag and drop these wherever you wish on your website pages. Electro theme has 26 modules.</span></p>
<h3><span style="font-weight: 400;">2- Templates</span></h3>
<p><span style="font-weight: 400;">The sample layouts for different pages that come with the theme are called templates. Just replace the services and demo content on your website, and you’re ready to go live. There are pre-existing landing pages and homepage and system page templates in this theme. </span></p>
<h3><span style="font-weight: 400;">3- Global Content</span></h3>
<p><span style="font-weight: 400;">Information that appears on multiple pages, such as the header or footer of a website The drag and drop page editor allows you to edit global content directly.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="creating-a-page_wrap"><div class="documentor-section  section-3912" id="creating-a-page" data-section-id="3912"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.</span>Creating a Page <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#creating-a-page')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The steps to create a page are: </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Log in to your HubSpot Portal &gt; Navigate to </span><b>Marketing &gt; Website / Landing Pages &gt; Website page/Blog</b></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Create-a-Page-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22972 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Create-a-Page-1-1.png" alt="Create a Page 1" width="381" height="424" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Create-a-Page-1-1.png 381w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Create-a-Page-1-1-270x300.png 270w" sizes="(max-width: 381px) 100vw, 381px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">On the right side of the screen locate </span><b>create option &gt; select from website page/landing page/blog &gt; </b><span style="font-weight: 400;">Name the page &gt; Select any template and click </span><b>select template option</b></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Add or remove desired modules or reusable sections to your page &gt; Publish the page. A page title is required before publishing a page on HubSpot CMS.</span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="changing-templates_wrap"><div class="documentor-section  section-3913" id="changing-templates" data-section-id="3913"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.</span>Changing Templates  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#changing-templates')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">In the electronic business, there are so many different topics you can cover in your content strategy. Therefore we have provided you with the best blog templates for your business. You can set blog templates and system templates for your electronic business using our theme. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-templates_wrap"><div class="documentor-section  section-3914" id="blog-templates" data-section-id="3914"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.1.</span>Blog Templates  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-templates')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">To change blog templates to electro theme:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">After you log in to your <strong><a href="http://hubspot.sjv.io/kjBZ4x">HubSpot account</a></strong> &gt; Go to</span><b> settings </b><span style="font-weight: 400;">&gt; scroll down from the left panel&gt; </span><b>Website </b><span style="font-weight: 400;">&gt; select </span><b>blog</b></li>
<li><span style="font-weight: 400;">Select </span><b>template </b><span style="font-weight: 400;">option &gt; Choose </span><b>electro </b><span style="font-weight: 400;">from </span><b>current view </b><span style="font-weight: 400;">option &gt; Edit the template if you like &gt; Publish blog</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Blog-change-.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22975 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Blog-change-.png" alt="Blog change" width="1366" height="625" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Blog-change-.png 1366w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Blog-change--300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Blog-change--1024x469.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Blog-change--768x351.png 768w" sizes="(max-width: 1366px) 100vw, 1366px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="system-templates_wrap"><div class="documentor-section  section-3915" id="system-templates" data-section-id="3915"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.2.</span>System Templates  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#system-templates')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">For using electro system templates </span></p>
<ul>
<li style="list-style-type: none;">
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Log in to your <strong><a href="http://hubspot.sjv.io/kjBZ4x">HubSpot account</a></strong> &gt; </span><b>Settings &gt; Website  &gt; Pages</b></li>
<li><span style="font-weight: 400;">Select the </span><b>system pages </b><span style="font-weight: 400;"> section from the top &gt; set different system pages templates from the available options&gt; Choose </span><b>electro system pages &gt; </b><span style="font-weight: 400;">Save settings</span></li>
</ul>
</li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/system-template-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22980 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/system-template-1.png" alt="system template 1" width="1366" height="625" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/system-template-1.png 1366w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/system-template-1-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/system-template-1-1024x469.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/system-template-1-768x351.png 768w" sizes="(max-width: 1366px) 100vw, 1366px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">The following system pages are present in the electro theme</span></li>
</ul>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">404 Error Page</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">500 Error Page</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Password Prompt</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Search Results</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Email Unsubscribe</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Email Subscription Preferences</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Email Subscription Confirmation</span></li>
</ol>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="email-template-2_wrap"><div class="documentor-section  section-3916" id="email-template-2" data-section-id="3916"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.3.</span>Email Template <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#email-template-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">To change the email template </span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">From your </span><strong><a href="http://hubspot.sjv.io/kjBZ4x">HubSpot account</a></strong><span style="font-weight: 400;">, go to </span><b>Settings</b><span style="font-weight: 400;"> &gt; on the left side panel find<strong> M</strong></span><b>arketing &gt; </b><span style="font-weight: 400;">under marketing select </span><b>Email</b></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Select </span><b>subscription section </b><span style="font-weight: 400;">&gt; choose options to electro for subscription preferences subscription update confirmation page, and backup unsubscribe &gt; Save settings. </span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-template.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22981 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-template.png" alt="email template" width="1517" height="694" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-template.png 1517w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-template-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-template-1024x468.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-template-768x351.png 768w" sizes="(max-width: 1517px) 100vw, 1517px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="editing-theme-settings-3_wrap"><div class="documentor-section  section-3917" id="editing-theme-settings-3" data-section-id="3917"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.</span>Editing Theme Settings <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#editing-theme-settings-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">After creating any website page, you can edit theme settings in the following way:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Edit page &gt; Go to the</span><b> edit page panel</b><span style="font-weight: 400;"> from the left side. You will notice 3 tabs, </span><b>Add, Content, </b><span style="font-weight: 400;">and </span><b>Theme.</b></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Select </span><b>Theme &gt;</b><span style="font-weight: 400;"> Hit </span><b>edit theme settings &gt;</b><span style="font-weight: 400;"> Make modifications &gt;Publish Assets.</span></li>
</ul>
<p><span style="font-weight: 400;">The following options are available on the edit them settings options:</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="global-colors-3_wrap"><div class="documentor-section  section-3918" id="global-colors-3" data-section-id="3918"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.1.</span>Global Colors <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#global-colors-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Global colors are the basic colors for your everywhere on your websites. From the global color option, you can set the primary color, secondary color, heading, and background color of the template to be used on your website.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="global-fonts-3_wrap"><div class="documentor-section  section-3919" id="global-fonts-3" data-section-id="3919"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.2.</span>Global Fonts <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#global-fonts-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can set the global fonts that will be used everywhere on your website pages unless changed otherwise on separate pages. You can change the body font and color, and heading font and color. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="typography-3_wrap"><div class="documentor-section  section-3920" id="typography-3" data-section-id="3920"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.3.</span>Typography <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#typography-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Design text to be shown on your website pages with typography settings. You can change typography settings including desktop font, line height, and text transformation from capitalizing, uppercase, lowercase, letter spacing, mobile font size, and line height for Heading One, Heading Two, Heading Three, Heading Four, Heading Five, Heading Six and body. Additionally, you can set fonts, colors, and line height for normal and hover links  </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="spacing-3_wrap"><div class="documentor-section  section-3921" id="spacing-3" data-section-id="3921"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.4.</span>Spacing  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#spacing-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The spacing setting allows you to create consistent spacings throughout your landing and website pages. You can adjust maximum content width and vertical spacing.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="buttons_wrap"><div class="documentor-section  section-3922" id="buttons" data-section-id="3922"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.5.</span>Buttons <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#buttons')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">For the buttons throughout your website, you can make global changes to them too. From the buttons option, you can change font size, line height, spacing, and corner radius. The filled and outlined button settings include the normal, focus, and hover option. (text, background, and border) </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="forms-3_wrap"><div class="documentor-section  section-3923" id="forms-3" data-section-id="3923"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.6.</span>Forms <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#forms-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The form setting on your theme includes the title (text, background, spacing, corner, border), labels ( text &amp; spacing), help text, fields ( inputs, GDPR, Rich texts) form ( background, spacing, border, corner) and error messages.  </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="tables-3_wrap"><div class="documentor-section  section-3924" id="tables-3" data-section-id="3924"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.7.</span>Tables <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#tables-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Under the tables option, you can change the table header (text &amp; background), table footer, table body (text &amp; background), and table cells (spacing &amp; border). </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-2_wrap"><div class="documentor-section  section-3925" id="header-2" data-section-id="3925"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.8.</span>Header <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">From the header option, you can</span><b> enable/disable the header top bar with top bar background color, enable box-shadow, and change the background color. </b><span style="font-weight: 400;">The </span><b>menu </b><span style="font-weight: 400;">option has desktop &amp; mobile text font, hover font, active font, and other drop-down settings. </span><b> </b></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="footer-6_wrap"><div class="documentor-section  section-3926" id="footer-6" data-section-id="3926"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.9.</span>Footer  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#footer-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Similar to the website header on the top, the website footer on the bottom of the page has options to change background color, change desktop &amp; mobile font, text, and line height. Menu settings include mobile &amp; desktop font &amp; line height and hover color. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-setting-7_wrap"><div class="documentor-section  section-3927" id="blog-setting-7" data-section-id="3927"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.10.</span>Blog Setting  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-setting-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">From the blog setting option, you can enable a sidebar along with topics, and enable a subscription form. Other blog post settings include desktop &amp; mobile font size &amp; line height of the content, show/hide author’s name, timestamp, tags, and related posts, and border radius of the image.         </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="system-page-settings-4_wrap"><div class="documentor-section  section-3928" id="system-page-settings-4" data-section-id="3928"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.11.</span>System Page Settings <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#system-page-settings-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The system page settings are for different system pages like error 404, error 500, email unsubscribe, password prompt, etc. You can enable system page images, replace or remove their banner image, edit alt text and decide the image loading. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="edit-global-module_wrap"><div class="documentor-section  section-3929" id="edit-global-module" data-section-id="3929"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">6.</span>Edit Global Module <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#edit-global-module')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">After creating a page, you will find 3 tabs on the edit page menu, namely, </span><b>add, content, </b><span style="font-weight: 400;">and </span><b>theme. </b><span style="font-weight: 400;">Create a new page or edit any page &gt; Navigate to Edit page panel &gt; Select Theme &gt; Click edit theme settings &gt; Scroll to the website header or website footer option &gt; Edit available settings. </span></p>
<p><b>Please Note:</b><span style="font-weight: 400;"> Publishing the changes on these modules will take effect on all your pages so be sure while doing any modifications.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="reusable-sections-in-theme_wrap"><div class="documentor-section  section-3930" id="reusable-sections-in-theme" data-section-id="3930"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">7.</span>Reusable Sections In Theme <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#reusable-sections-in-theme')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">There are sections provided in the theme for your use on the website and landing pages. These are very user-friendly sections that save your time. To use them:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Create a page or start editing one &gt; hover over the page or any of the modules &gt;Find and click on the plus icon &gt; a list of theme reusable sections will appear on the right side of the screen.</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Select from the list &gt; section will be appended to the website page &gt; style or edit accordingly &gt; publish</span></li>
</ul>
<p><div style="width: 1280px;" class="wp-video"><!--[if lt IE 9]><script>document.createElement('video');</script><![endif]-->
<video class="wp-video-shortcode" id="video-22802-1" width="1280" height="720" preload="metadata" controls="controls"><source type="video/mp4" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Edit-Page-_-new.mp4?_=1" /><a href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Edit-Page-_-new.mp4">https://docs.makewebbetter.com/wp-content/uploads/2022/05/Edit-Page-_-new.mp4</a></video></div></p>
<p><span style="font-weight: 400;">There are </span><b>7 reusable sections in the Electro theme, </b><span style="font-weight: 400;">namely,</span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Connect with Us</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Contact Us</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Get Started </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Services</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Subscribe Now</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Column Content</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Column Image Text</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Column With Content And Video</span></li>
</ol>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="module-library-3_wrap"><div class="documentor-section  section-3931" id="module-library-3" data-section-id="3931"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.</span>Module Library <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#module-library-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">There are 26 modules in the Electro theme. You need to create a page using this theme in order to use its modules. You can drag and drop these modules anywhere on the page without coding. To delete any module, you need to hover over it, locate a bin icon, and click on it. Similarly, you can copy via the copy icon and edit a module via the pencil icon. There are 19 modules in this theme. Here is a complete list of modules. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="accordion-8_wrap"><div class="documentor-section  section-3932" id="accordion-8" data-section-id="3932"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.1.</span>Accordion <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#accordion-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The accordion module can help you create a section to add FAQs or a large piece of content users can toggle to show or hide.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22999 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-1-1.png" alt="accordion 1" width="342" height="1296" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-1-1.png 342w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-1-1-79x300.png 79w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-1-1-270x1024.png 270w" sizes="(max-width: 342px) 100vw, 342px" /></a></div>
<p><span style="font-weight: 400;">You can choose the position of the icon from the right or left, add multiple questions, add content, title, and opening, and closing icon. There are other settings like accordion, title, content, and icon that you can change from the style tab.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23000 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-2-1.png" alt="accordion 2" width="380" height="355" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-2-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-2-1-300x280.png 300w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="banner-2_wrap"><div class="documentor-section  section-3933" id="banner-2" data-section-id="3933"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.2.</span>Banner <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#banner-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The banner module is one of the most important parts of your website page. The first thing that the users notice when they land at your website page. You can use it on your home page or about us page to inform the visitors about your marketing or other services.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23002 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-1-1.png" alt="banner 1" width="380" height="960" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-1-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-1-1-119x300.png 119w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">From its style tab you can adjust mobile &amp; desktop spacing, padding, and content. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23003 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-2-1.png" alt="banner 2" width="380" height="1022" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-2-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-2-1-112x300.png 112w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="logo-5_wrap"><div class="documentor-section  section-3934" id="logo-5" data-section-id="3934"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.3.</span>Logo <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#logo-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can delete the logo too.  You can enable a custom logo, and remove/replace the custom logo image, size, link, and maximum size.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23005 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo.png" alt="logo" width="379" height="1069" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo.png 379w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo-106x300.png 106w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo-363x1024.png 363w" sizes="(max-width: 379px) 100vw, 379px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="card-3_wrap"><div class="documentor-section  section-3935" id="card-3" data-section-id="3935"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.4.</span>Card <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#card-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The card module is for displaying cards on your website page along with some content and a featured image. Adjust the settings and add multiple cards on your landing pages.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23007 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-1-1.png" alt="card 1" width="380" height="574" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-1-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-1-1-199x300.png 199w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">You can change the column layout to upto three columns, enable an icon box, add multiple cards, add images, headlines, image loading, set links, add icon box, and content. Under the </span><b>style tab </b><span style="font-weight: 400;">you can edit cards, image corner radius, set content alignment, and overwrite style.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23008 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-2-1.png" alt="card 2" width="380" height="454" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-2-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-2-1-251x300.png 251w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="counter-6_wrap"><div class="documentor-section  section-3936" id="counter-6" data-section-id="3936"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.5.</span>Counter <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#counter-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can add a multi-column section to your page using the counter module. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23010 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-1-1.png" alt="counter 1" width="380" height="676" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-1-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-1-1-169x300.png 169w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">Add up to three columns, and add images, content, the maximum width of the container, card width, desktop and mobile alignment, spacing, and background color ( from the style tab). The style tab will help you in setting the counter spacing.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23011 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-2-1.png" alt="counter 2" width="380" height="714" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-2-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-2-1-160x300.png 160w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="copyright-2_wrap"><div class="documentor-section  section-3937" id="copyright-2" data-section-id="3937"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.6.</span>Copyright <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#copyright-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>Copyright is a global module. Any changes made to it will apply to all instances of it on your website. The copyright module allows users to edit the privacy policy and terms and conditions text &amp; link.</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23013 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright.png" alt="copyright" width="379" height="1308" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright.png 379w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-87x300.png 87w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-297x1024.png 297w" sizes="(max-width: 379px) 100vw, 379px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can change the border-top color.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23014 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-2.png" alt="copyright 2" width="376" height="474" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-2.png 376w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-2-238x300.png 238w" sizes="(max-width: 376px) 100vw, 376px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-form-2_wrap"><div class="documentor-section  section-3938" id="custom-form-2" data-section-id="3938"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.7.</span>Custom form <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-form-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Add a contact form on your website page using this module. Customize and use any existing form on your HubSpot CMS. You have form layout choices from single field form ( button at bottom or side button) or multiple field forms, enable form box-shadow, set form field title, overwrite button, and enable input field box-shadow. You can select any form or create a new form too.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23016 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form.png" alt="custom form" width="380" height="657" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-174x300.png 174w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can edit form title ( color, border-bottom, alignment), enable/disable form background color, enable/disable form max-width, desktop/mobile form spacing, input field background color and border, overwrite radius ( form corers), and enable/disable bottom full width.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23017 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-2-1.png" alt="custom form 2" width="380" height="755" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-2-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-2-1-151x300.png 151w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-image-3_wrap"><div class="documentor-section  section-3939" id="custom-image-3" data-section-id="3939"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.8.</span>Custom Image <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-image-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can add any image to your website page using the custom image module. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Custom-image-.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23019 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Custom-image-.png" alt="Custom image" width="242" height="476" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Custom-image-.png 242w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Custom-image--153x300.png 153w" sizes="(max-width: 242px) 100vw, 242px" /></a></div>
<p><span style="font-weight: 400;">Other related settings for this module are desktop and mobile alignment, corner radius, alt text, size, image loading, and maximum image size. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-image-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23020 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-image-2.png" alt="custom image 2" width="380" height="520" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-image-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-image-2-219x300.png 219w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="customizable-button-4_wrap"><div class="documentor-section  section-3940" id="customizable-button-4" data-section-id="3940"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.9.</span>Customizable Button <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#customizable-button-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The button module can be added anywhere for directing the user to another page. You can easily edit your text, add links, enable icons, etc.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-button.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23022 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-button.png" alt="customizable button" width="380" height="678" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-button.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-button-168x300.png 168w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can change mobile and desktop alignment and overwrite style.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-butto-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23023 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-butto-2.png" alt="customizable butto 2" width="380" height="729" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-butto-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-butto-2-156x300.png 156w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="icon-box-7_wrap"><div class="documentor-section  section-3941" id="icon-box-7" data-section-id="3941"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.10.</span>Icon Box <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#icon-box-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Icon box module adds a box with a preferred icon that you can remove or replace anytime. You can set columns, select icon/image, and enable shadow box. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23026 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-1-1.png" alt="icon box 1" width="380" height="596" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-1-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-1-1-191x300.png 191w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">The style tab also has options to edit the icon box corners, background color, and compact. ( desktop &amp; mobile spacing, padding and icon)</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23027 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-2-1.png" alt="icon box 2" width="371" height="204" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-2-1.png 371w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-2-1-300x165.png 300w" sizes="(max-width: 371px) 100vw, 371px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="map-7_wrap"><div class="documentor-section  section-3942" id="map-7" data-section-id="3942"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.11.</span>Map <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#map-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The map module will add a virtual map to your website. You can add your office location, edit the location pointer and mention your office branches in various locations.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/MAP.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23029 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/MAP.png" alt="MAP" width="252" height="472" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/MAP.png 252w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/MAP-160x300.png 160w" sizes="(max-width: 252px) 100vw, 252px" /></a></div>
<p><span style="font-weight: 400;">Map module settings include map API, Map JSON, Map zoom level, center latitude, and longitude. From its style tab, you can edit the corners and height of the map.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23030 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-2-1.png" alt="map 2" width="380" height="567" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-2-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-2-1-201x300.png 201w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="our-partner-2_wrap"><div class="documentor-section  section-3943" id="our-partner-2" data-section-id="3943"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.12.</span>Our Partner  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#our-partner-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">As the name suggests, the partner module is great for displaying your partners on the landing pages and website pages. You must have worked with different brands. Here is a perfect module to help you out. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/our-partner-module.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23032 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/our-partner-module.png" alt="our partner module" width="379" height="493" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/our-partner-module.png 379w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/our-partner-module-231x300.png 231w" sizes="(max-width: 379px) 100vw, 379px" /></a></div>
<p><span style="font-weight: 400;">You add as many partners as you like and edit links for the same. Moreover, you can put up your partners&#8217; logos, and their URLs, alt text, and image loading. The style tab will allow you to edit the desktop and mobile spacing, and padding.    </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/our-partners-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23034 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/our-partners-2.png" alt="our partners 2" width="380" height="627" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/our-partners-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/our-partners-2-182x300.png 182w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="pricing-card-4_wrap"><div class="documentor-section  section-3944" id="pricing-card-4" data-section-id="3944"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.13.</span>Pricing Card <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#pricing-card-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The pricing card module can be used to display your service pricing details on your landing pages. You can add multiple tabs, add descriptions, mini title, button, list, and price,  and enable box-shadow from the content settings. Under special pricing card settings, you can add or change the background color.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23036 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-1-1.png" alt="pricing card 1" width="380" height="670" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-1-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-1-1-170x300.png 170w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">From the style tab, you can edit the tab font, background color, overwrite style, alignment, active card background color, and border color.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23037 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-2-1.png" alt="pricing card 2" width="380" height="1199" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-2-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-2-1-95x300.png 95w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-2-1-325x1024.png 325w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="process-2_wrap"><div class="documentor-section  section-3945" id="process-2" data-section-id="3945"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.14.</span>Process <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#process-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can illustrate a process using the process module step by step. You might display how your services are carried out for your electric business.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/process-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23039 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/process-1.png" alt="process 1" width="342" height="531" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/process-1.png 342w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/process-1-193x300.png 193w" sizes="(max-width: 342px) 100vw, 342px" /></a></div>
<p><span style="font-weight: 400;">From the style tab, you can change the normal card settings and special card settings.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/process-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23040 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/process-2.png" alt="process 2" width="369" height="402" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/process-2.png 369w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/process-2-275x300.png 275w" sizes="(max-width: 369px) 100vw, 369px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="social-follow-6_wrap"><div class="documentor-section  section-3946" id="social-follow-6" data-section-id="3946"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.15.</span>Social Follow <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#social-follow-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The social follow module allows you to add your social platforms like Twitter, Instagram, Facebook, and LinkedIn on your website pages, header, or footer. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23042 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-2.png" alt="social follow" width="342" height="288" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-2.png 342w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-2-300x253.png 300w" sizes="(max-width: 342px) 100vw, 342px" /></a></div>
<p><span style="font-weight: 400;">You can replace/remove social icons, change icon size and icon color, and add your social links, and icons. From the style tab, you can enable background color, change border radius, and set desktop and mobile alignment.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23043 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-2-1.png" alt="social follow 2" width="339" height="353" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-2-1.png 339w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-2-1-288x300.png 288w" sizes="(max-width: 339px) 100vw, 339px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="spacer-8_wrap"><div class="documentor-section  section-3947" id="spacer-8" data-section-id="3947"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.16.</span>Spacer <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#spacer-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The spacer module adds white space to the website and landing pages. Just search it from the theme module list and drag and drop it to your desired location. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/spacer.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23045 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/spacer.png" alt="spacer" width="375" height="457" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/spacer.png 375w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/spacer-246x300.png 246w" sizes="(max-width: 375px) 100vw, 375px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="tabs-2_wrap"><div class="documentor-section  section-3948" id="tabs-2" data-section-id="3948"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.17.</span>Tabs <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#tabs-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can add multiple tabs on your website with various headings with the tab module. You can further edit these tabs by clicking on the pencil icon. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/tabs-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23048 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/tabs-1.png" alt="tabs 1" width="380" height="174" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/tabs-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/tabs-1-300x137.png 300w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">Additionally, you can change the title tab color, hover color, background, and background hover color, tab border, width, etc.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/tabs.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23047 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/tabs.png" alt="tabs" width="342" height="1040" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/tabs.png 342w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/tabs-99x300.png 99w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/tabs-337x1024.png 337w" sizes="(max-width: 342px) 100vw, 342px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="team-7_wrap"><div class="documentor-section  section-3949" id="team-7" data-section-id="3949"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.18.</span>Team <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#team-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">If your team of electricians and engineers needs a highlight on your website page, you can use this module. You can set layout choices from a card, slider, or image, set column count, change the size of the image, add alt text, image loading and profile links, and designation of the team member. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Team-module.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23050 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Team-module.png" alt="Team module" width="380" height="1252" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Team-module.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Team-module-91x300.png 91w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Team-module-311x1024.png 311w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can set image alignment, image corners, card background color, border-radius, and spacing.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/team-module-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23051 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/team-module-2.png" alt="team module 2" width="380" height="588" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/team-module-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/team-module-2-194x300.png 194w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="testimonial-5_wrap"><div class="documentor-section  section-3950" id="testimonial-5" data-section-id="3950"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.19.</span>Testimonial <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#testimonial-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The testimonial module can be used to display various testimonials on your landing page. You can add multiple testimonials, replace/remove profile images, alt text, maximum size, feedback text, and ratings. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-module.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23053 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-module.png" alt="testimonial module" width="254" height="761" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-module.png 254w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-module-100x300.png 100w" sizes="(max-width: 254px) 100vw, 254px" /></a></div>
<p><span style="font-weight: 400;">From its </span><b>style tab </b><span style="font-weight: 400;">you can edit text alignment, box shadow, border radius, inner spacing, padding, name style, and review star color.   </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-2-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23054 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-2-1.png" alt="testimonial 2" width="342" height="702" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-2-1.png 342w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-2-1-146x300.png 146w" sizes="(max-width: 342px) 100vw, 342px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="title-content-6_wrap"><div class="documentor-section  section-3951" id="title-content-6" data-section-id="3951"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.20.</span>Title Content <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#title-content-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The title content module allows you to add a title on any page. There is an option to add a mini title, edit content, and add primary &amp; secondary buttons.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23057 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content.png" alt="title content" width="380" height="977" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-117x300.png 117w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">From its</span><b> style tab, </b><span style="font-weight: 400;">you can edit the container, i.e background color, corner, enable maximum width, and content (desktop and mobile spacing &amp; padding).</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23058 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-1-1.png" alt="title content (1)" width="377" height="213" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-1-1.png 377w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-1-1-300x169.png 300w" sizes="(max-width: 377px) 100vw, 377px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="video-popup-5_wrap"><div class="documentor-section  section-3952" id="video-popup-5" data-section-id="3952"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.21.</span>Video Popup <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#video-popup-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Using the video module, you can add a video to your website or landing pages. These are very easy to work with and increase the engagement rate of your page. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23060 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup.png" alt="video popup" width="380" height="1044" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-109x300.png 109w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-373x1024.png 373w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">You can edit a video poster ( replace/remove a poster, alt text, poster size, maximum size), icon/content ( set icon over image or content over image), change the play icon and add the desired video link. From the style tab, you may enable overlay or overwrite icon color, and also set the corner radius of the video as seen by the visitors. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-1-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23061 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-1-2.png" alt="video popup 1" width="380" height="590" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-1-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-1-2-193x300.png 193w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-listing-12_wrap"><div class="documentor-section  section-3953" id="blog-listing-12" data-section-id="3953"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.22.</span>Blog Listing <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-listing-12')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The use of the Electro blog listing template has already been explained above. The bog listing module enables listing blogs on your page. You can add the most popular blog posts or content pieces to your website pages. You can edit the content and style of the same.</span></p>
<p><span style="font-weight: 400;">Users can add mini titles, content, and blog meta description ( enable-feature image, tags, title, author, publish date, description, button, and edit button text)</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-module-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23063 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-module-1.png" alt="blog listing module 1" width="305" height="1272" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-module-1.png 305w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-module-1-72x300.png 72w" sizes="(max-width: 305px) 100vw, 305px" /></a></div>
<p><span style="font-weight: 400;">From its style tab you can make changes to the card ( card corners, feature image, background color, tags, title, author, date, description, buttons) and widgets ( title, category, popular posts).</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-module-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23064 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-module-2.png" alt="blog listing module 2" width="376" height="164" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-module-2.png 376w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-module-2-300x131.png 300w" sizes="(max-width: 376px) 100vw, 376px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-toggler-2_wrap"><div class="documentor-section  section-3954" id="header-toggler-2" data-section-id="3954"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.23.</span>Header Toggler <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-toggler-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can drag and drop the header above the menu component for best results. You can select an icon or image for the toggle open and close option.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/headtoggler.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23066 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/headtoggler.png" alt="headtoggler" width="379" height="490" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/headtoggler.png 379w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/headtoggler-232x300.png 232w" sizes="(max-width: 379px) 100vw, 379px" /></a></div>
<p><span style="font-weight: 400;">From the style tab of the header module, you can adjust spacing and padding.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/headtoggler1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23067 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/headtoggler1.png" alt="headtoggler1" width="379" height="443" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/headtoggler1.png 379w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/headtoggler1-257x300.png 257w" sizes="(max-width: 379px) 100vw, 379px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-controls-6_wrap"><div class="documentor-section  section-3955" id="header-controls-6" data-section-id="3955"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.24.</span>Header Controls <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-controls-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The header control module allows the user to enable a search option, select the display mode of the language switcher (localized, PageLang, hybrid), and button type, link, and text on the website header. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/HEADER-CONTROL-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23069 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/HEADER-CONTROL-1.png" alt="HEADER CONTROL 1" width="342" height="1084" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/HEADER-CONTROL-1.png 342w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/HEADER-CONTROL-1-95x300.png 95w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/HEADER-CONTROL-1-323x1024.png 323w" sizes="(max-width: 342px) 100vw, 342px" /></a></div>
<p><span style="font-weight: 400;">From the style tab, you can edit the search background color and icon color.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/HEADER-CONTROL-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23070 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/HEADER-CONTROL-2.png" alt="HEADER CONTROL 2" width="342" height="291" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/HEADER-CONTROL-2.png 342w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/HEADER-CONTROL-2-300x255.png 300w" sizes="(max-width: 342px) 100vw, 342px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="navigation-2_wrap"><div class="documentor-section  section-3956" id="navigation-2" data-section-id="3956"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.25.</span>Navigation <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#navigation-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The navigation module adds a navigation option for your visitors.</span> <span style="font-weight: 400;">You can edit the menu title. Select a menu or create and set maximum levels.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/navigation-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23073 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/navigation-1.png" alt="navigation" width="381" height="484" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/navigation-1.png 381w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/navigation-1-236x300.png 236w" sizes="(max-width: 381px) 100vw, 381px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="menu-10_wrap"><div class="documentor-section  section-3957" id="menu-10" data-section-id="3957"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">8.26.</span>Menu <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#menu-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">From the global editor menu, you can edit the menu option. Select Electro meu from the option and set maximum levels that determine the number of menu tree children that can be expanded in the menu.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23075 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu.png" alt="menu" width="342" height="269" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu.png 342w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-300x236.png 300w" sizes="(max-width: 342px) 100vw, 342px" /></a></div>
<p><span style="font-weight: 400;">From the style tab, select to overwrite styles, change menu text color, and drop-down options.  </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-2-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23076 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-2-2.png" alt="menu 2" width="342" height="360" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-2-2.png 342w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-2-2-285x300.png 285w" sizes="(max-width: 342px) 100vw, 342px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="template-library-3_wrap"><div class="documentor-section  section-3958" id="template-library-3" data-section-id="3958"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">9.</span>Template Library  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#template-library-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="homepage-6_wrap"><div class="documentor-section  section-3959" id="homepage-6" data-section-id="3959"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">9.1.</span>Homepage <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#homepage-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/home.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23079 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/home.png" alt="home" width="1365" height="771" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/home.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/home-300x169.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/home-1024x578.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/home-768x434.png 768w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="about-us-3_wrap"><div class="documentor-section  section-3960" id="about-us-3" data-section-id="3960"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">9.2.</span>About us <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#about-us-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/about.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23081 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/about.png" alt="about" width="1361" height="1100" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/about.png 1361w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/about-300x242.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/about-1024x828.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/about-768x621.png 768w" sizes="(max-width: 1361px) 100vw, 1361px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="contact-us-4_wrap"><div class="documentor-section  section-3961" id="contact-us-4" data-section-id="3961"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">9.3.</span>Contact Us <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#contact-us-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact-us.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23083 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact-us.png" alt="contact us" width="1365" height="1405" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact-us.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact-us-291x300.png 291w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact-us-995x1024.png 995w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact-us-768x791.png 768w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="services-2_wrap"><div class="documentor-section  section-3962" id="services-2" data-section-id="3962"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">9.4.</span>Services <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#services-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/services-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23085 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/services-1.png" alt="services" width="1364" height="1035" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/services-1.png 1364w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/services-1-300x228.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/services-1-1024x777.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/services-1-768x583.png 768w" sizes="(max-width: 1364px) 100vw, 1364px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="team-8_wrap"><div class="documentor-section  section-3963" id="team-8" data-section-id="3963"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">9.5.</span>Team <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#team-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/team.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23087 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/team.png" alt="team" width="1365" height="1208" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/team.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/team-300x265.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/team-1024x906.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/team-768x680.png 768w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="make-an-appointment_wrap"><div class="documentor-section  section-3964" id="make-an-appointment" data-section-id="3964"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">9.6.</span>Make an Appointment <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#make-an-appointment')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/make-an-appointment.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23089 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/make-an-appointment.png" alt="make an appointment" width="1365" height="963" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/make-an-appointment.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/make-an-appointment-300x212.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/make-an-appointment-1024x722.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/make-an-appointment-768x542.png 768w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-listing-14_wrap"><div class="documentor-section  section-3966" id="blog-listing-14" data-section-id="3966"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">9.7.</span>Blog Listing <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-listing-14')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Electro-Blog-Listing-Template.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23093 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Electro-Blog-Listing-Template.png" alt="Electro Blog Listing Template" width="1293" height="2642" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Electro-Blog-Listing-Template.png 1293w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Electro-Blog-Listing-Template-147x300.png 147w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Electro-Blog-Listing-Template-501x1024.png 501w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Electro-Blog-Listing-Template-768x1569.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Electro-Blog-Listing-Template-752x1536.png 752w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Electro-Blog-Listing-Template-1002x2048.png 1002w" sizes="(max-width: 1293px) 100vw, 1293px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-listing-13_wrap"><div class="documentor-section  section-3965" id="blog-listing-13" data-section-id="3965"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">9.8.</span>Blog Detail <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-listing-13')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/new-blog-detail.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23091 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/new-blog-detail.png" alt="new blog detail" width="1310" height="2450" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/new-blog-detail.png 1310w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/new-blog-detail-160x300.png 160w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/new-blog-detail-548x1024.png 548w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/new-blog-detail-768x1436.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/new-blog-detail-821x1536.png 821w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/new-blog-detail-1095x2048.png 1095w" sizes="(max-width: 1310px) 100vw, 1310px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="system-pages-8_wrap"><div class="documentor-section  section-3967" id="system-pages-8" data-section-id="3967"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">10.</span>System Pages  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#system-pages-8')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="error-404-2_wrap"><div class="documentor-section  section-3968" id="error-404-2" data-section-id="3968"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">10.1.</span>Error 404 <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#error-404-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-404.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23096 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-404.png" alt="error 404" width="1366" height="625" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-404.png 1366w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-404-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-404-1024x469.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-404-768x351.png 768w" sizes="(max-width: 1366px) 100vw, 1366px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="error-500-2_wrap"><div class="documentor-section  section-3969" id="error-500-2" data-section-id="3969"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">10.2.</span>Error 500 <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#error-500-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-500.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23098 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-500.png" alt="error 500" width="1366" height="568" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-500.png 1366w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-500-300x125.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-500-1024x426.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-500-768x319.png 768w" sizes="(max-width: 1366px) 100vw, 1366px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="search-results-4_wrap"><div class="documentor-section  section-3970" id="search-results-4" data-section-id="3970"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">10.3.</span>Search Results <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#search-results-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23100 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results-1.png" alt="Search results" width="1365" height="2070" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results-1.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results-1-198x300.png 198w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results-1-675x1024.png 675w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results-1-768x1165.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results-1-1013x1536.png 1013w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results-1-1350x2048.png 1350w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="password-prompt-page-3_wrap"><div class="documentor-section  section-3971" id="password-prompt-page-3" data-section-id="3971"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">10.4.</span>Password Prompt Page <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#password-prompt-page-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-prompt.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23102 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-prompt.png" alt="password prompt" width="1707" height="781" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-prompt.png 1707w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-prompt-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-prompt-1024x469.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-prompt-768x351.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-prompt-1536x703.png 1536w" sizes="(max-width: 1707px) 100vw, 1707px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="email-backup-unsubscribe_wrap"><div class="documentor-section  section-3972" id="email-backup-unsubscribe" data-section-id="3972"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">10.5.</span>Email Backup Unsubscribe <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#email-backup-unsubscribe')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23105 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe-1.png" alt="email unsubscribe" width="2049" height="937" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe-1.png 2049w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe-1-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe-1-1024x468.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe-1-768x351.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe-1-1536x702.png 1536w" sizes="(max-width: 2049px) 100vw, 2049px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="email-subscription-confirmation-2_wrap"><div class="documentor-section  section-3973" id="email-subscription-confirmation-2" data-section-id="3973"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">10.6.</span>Email Subscription Confirmation <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#email-subscription-confirmation-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-preference-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23107 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-preference-1.png" alt="email preference" width="1366" height="625" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-preference-1.png 1366w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-preference-1-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-preference-1-1024x469.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-preference-1-768x351.png 768w" sizes="(max-width: 1366px) 100vw, 1366px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="email-subscription-preferences-2_wrap"><div class="documentor-section  section-3974" id="email-subscription-preferences-2" data-section-id="3974"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">10.7.</span>Email Subscription Preferences <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#email-subscription-preferences-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-reference.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-23108 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-reference.png" alt="communication reference" width="2049" height="937" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-reference.png 2049w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-reference-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-reference-1024x468.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-reference-768x351.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-reference-1536x702.png 1536w" sizes="(max-width: 2049px) 100vw, 2049px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--></div><!--.doc-sec-container--><div id="sugestedit_popup336" class="sugestedit_popup">
				<a class="modal_close"></a>
				<form name="documentor-suggestform" method="post" class="documentor-suggestform">
					<div class="doc-frmdiv" style="font-weight: bold;">Suggest Edit
					</div>
					<div class="doc-frmdiv">
						<input type="text" name="sec_title" class="sedit-sectitle txtinput" value="" />
					</div><div class="doc-frmdiv">
							<input type="text" name="name" class="txtinput" placeholder="Name" required />
						</div><div class="doc-frmdiv">
							<input type="email" class="emailinput" placeholder="Email" name="email" required /> 
						</div><div class="doc-frmdiv">
							<textarea name="content" class="textareainput" placeholder="Post your suggestion..." required></textarea>
						</div><div class="doc-frmdiv"><label> Captcha :&nbsp; </label><span class="doc-sedit-captcha"></span></div><input type="hidden" class="sedit-secid" name="secid" value="" />
					<input type="hidden" class="sedit-postid" name="sedit_postid" value="" />
					<input type="hidden" class="sedit-docid" name="docid" value="336" />
					<button class="docsubmit-suggestform"> Submit </button>
				</form>
			</div><script type="text/javascript">
			jQuery(document).ready(function(){
				jQuery("#documentor-336").documentor({
					documentid	: 336,
					docid		: "documentor-336",
					animation	: "",
					indexformat	: "1",
					pformat		: "decimal",
					cformat		: "decimal",					
					secstyle	: "clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;",
					actnavbg_default: "1",
					actnavbg_color	: "#000000",
					enable_ajax	: "0",
					scrolling	: "1",
					fixmenu		: "1",
					skin		: "mint",
					scrollBarSize	: "3",
					scrollBarColor	: "#326693",
					scrollBarOpacity: "0.4",
					windowprint	: "0",
					menuTop: "20",
					socialshare	: 0,
					sharecount	: 1,
					fbshare		: 1,
					twittershare	: 1,
					gplusshare	: 1,
					pinshare	: 1,
					togglechild	: 0,
					noResultsStr: "No results found!",
				});	
			});</script></div><!--/.document-wrapper--></div><div class="cleardiv"> </div><div id="documentor-336-end"></div></p>
<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/electro-hubspot-theme/">Electro HubSpot Theme</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://docs.makewebbetter.com/electro-hubspot-theme/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Infinity Hubspot Theme</title>
		<link>https://docs.makewebbetter.com/infinity-hubspot-theme/</link>
					<comments>https://docs.makewebbetter.com/infinity-hubspot-theme/#respond</comments>
		
		<dc:creator><![CDATA[sanjeev maurya]]></dc:creator>
		<pubDate>Fri, 27 May 2022 08:35:23 +0000</pubDate>
				<category><![CDATA[HubSpot Themes]]></category>
		<guid isPermaLink="false">https://docs.makewebbetter.com/?p=22797</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/infinity-hubspot-theme/">Infinity Hubspot Theme</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><div id="documentor-335" class="documentor-mint documentor-wrap" data-docid = "335" ><div class="documentor-topicons doc-noprint"><span class="doc-topiconswrap"></span><div class="cleardiv"></div><div class="clrright"></div></div><div class="document-wrapper"><div class="doc-menu doc-noprint"><div class="doc-menurelated"><ol class="doc-list-front"><li class="doc-actli"><a class="documentor-menu" href="#overview-279"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#overview-279" data-sec-counter="1" data-section-id="3846">Overview </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#theme-components-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#theme-components-2" data-sec-counter="2" data-section-id="3847">Theme Components </a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#how-to-create-a-page"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#how-to-create-a-page" data-sec-counter="2.1" data-section-id="3848">How To Create a Page? </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#how-to-edit-global-style"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#how-to-edit-global-style" data-sec-counter="2.2" data-section-id="3849">How To Edit Global Style?</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#how-to-edit-theme-settings-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#how-to-edit-theme-settings-2" data-sec-counter="2.3" data-section-id="3850">How To Edit Theme Settings?</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#how-to-edit-global-modules-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#how-to-edit-global-modules-4" data-sec-counter="2.4" data-section-id="3851">How To Edit Global Modules?</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#how-to-change-blog-templates-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#how-to-change-blog-templates-3" data-sec-counter="2.5" data-section-id="3852">How To Change Blog Templates?</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#how-to-change-system-templates-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#how-to-change-system-templates-4" data-sec-counter="2.6" data-section-id="3853">How To Change System Templates?</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#how-to-change-email-templates"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#how-to-change-email-templates" data-sec-counter="2.7" data-section-id="3854">How To Change Email Templates?</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#how-to-work-with-reusable-sections"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#how-to-work-with-reusable-sections" data-sec-counter="2.8" data-section-id="3855">How To Work With Reusable Sections?</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#modules-library-in-infinity-theme"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#modules-library-in-infinity-theme" data-sec-counter="3" data-section-id="3856">Modules Library In Infinity Theme </a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#banner"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#banner" data-sec-counter="3.1" data-section-id="3857">Banner</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#partners"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#partners" data-sec-counter="3.2" data-section-id="3858">Partners</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#title-content-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#title-content-5" data-sec-counter="3.3" data-section-id="3859">Title Content</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#card-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#card-2" data-sec-counter="3.4" data-section-id="3860">Card</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#testimonial-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#testimonial-3" data-sec-counter="3.5" data-section-id="3861">Testimonial</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#copyright"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#copyright" data-sec-counter="3.6" data-section-id="3862">Copyright </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#navigation"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#navigation" data-sec-counter="3.7" data-section-id="3863">Navigation</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-toggler"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-toggler" data-sec-counter="3.8" data-section-id="3864">Header Toggler</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#menu-9"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#menu-9" data-sec-counter="3.9" data-section-id="3865">Menu</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#header-controls-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#header-controls-5" data-sec-counter="3.10" data-section-id="3866">Header Controls</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#customizable-button-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#customizable-button-3" data-sec-counter="3.11" data-section-id="3867">Customizable Button</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#icon-box-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#icon-box-6" data-sec-counter="3.12" data-section-id="3868">Icon Box</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#video-popup-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#video-popup-4" data-sec-counter="3.13" data-section-id="3869">Video Popup</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#team-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#team-6" data-sec-counter="3.14" data-section-id="3870">Team</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-image-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-image-2" data-sec-counter="3.15" data-section-id="3871">Custom Image</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#counter-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#counter-5" data-sec-counter="3.16" data-section-id="3872">Counter</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#social-follow-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#social-follow-5" data-sec-counter="3.17" data-section-id="3873">Social Follow</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#pricing-card-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#pricing-card-3" data-sec-counter="3.18" data-section-id="3874">Pricing Card</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#accordion-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#accordion-7" data-sec-counter="3.19" data-section-id="3875">Accordion</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-grid-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-grid-2" data-sec-counter="3.20" data-section-id="3876">Blog Grid</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-listing-10"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-listing-10" data-sec-counter="3.21" data-section-id="3877">Blog Listing</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#map-6"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#map-6" data-sec-counter="3.22" data-section-id="3878">Map</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#custom-form"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#custom-form" data-sec-counter="3.23" data-section-id="3879">Custom Form</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#why-us"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#why-us" data-sec-counter="3.24" data-section-id="3880">Why Us</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#listing-layouts-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#listing-layouts-2" data-sec-counter="3.25" data-section-id="3881">Listing Layouts </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#logo-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#logo-4" data-sec-counter="3.26" data-section-id="3882">Logo</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#spacer-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#spacer-7" data-sec-counter="3.27" data-section-id="3883">Spacer </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#gallery-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#gallery-4" data-sec-counter="3.28" data-section-id="3884">Gallery</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#template-library-in-infinity-theme"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#template-library-in-infinity-theme" data-sec-counter="4" data-section-id="3885">Template Library In Infinity Theme </a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#homepage-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#homepage-5" data-sec-counter="4.1" data-section-id="3886">Homepage</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#about-us-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#about-us-2" data-sec-counter="4.2" data-section-id="3887">About Us</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#pricing-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#pricing-4" data-sec-counter="4.3" data-section-id="3888">Pricing</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-listing-11"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-listing-11" data-sec-counter="4.4" data-section-id="3889">Blog Listing</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#blog-detail-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#blog-detail-3" data-sec-counter="4.5" data-section-id="3890">Blog Detail</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#services"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#services" data-sec-counter="4.6" data-section-id="3891">Services</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#testimonial-4"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#testimonial-4" data-sec-counter="4.7" data-section-id="3892">Testimonial</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#contact-us-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#contact-us-3" data-sec-counter="4.8" data-section-id="3893">Contact Us</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#teams"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#teams" data-sec-counter="4.9" data-section-id="3894">Teams</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#career-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#career-2" data-sec-counter="4.10" data-section-id="3895">Career</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#event-listing-2"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#event-listing-2" data-sec-counter="4.11" data-section-id="3896">Event Listing</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#event-detail-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#event-detail-5" data-sec-counter="4.12" data-section-id="3897">Event Detail</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#faq-16"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#faq-16" data-sec-counter="4.13" data-section-id="3898">FAQ</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#portfolio-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#portfolio-5" data-sec-counter="4.14" data-section-id="3899">Portfolio</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#product-landing-page"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#product-landing-page" data-sec-counter="4.15" data-section-id="3900">Product Landing Page</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#career-landing-page"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#career-landing-page" data-sec-counter="4.16" data-section-id="3901">Career Landing Page</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li><li class="doc-actli"><a class="documentor-menu" href="#system-pages-7"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#system-pages-7" data-sec-counter="5" data-section-id="3902">System Pages </a><span class="doc-mtoggle expand"></span><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><ol><li class="doc-actli"><a class="documentor-menu" href="#error-404"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#error-404" data-sec-counter="5.1" data-section-id="3903">Error 404</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#error-500"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#error-500" data-sec-counter="5.2" data-section-id="3904">Error 500</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#email-subscription-confirmation"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#email-subscription-confirmation" data-sec-counter="5.3" data-section-id="3905">Email Subscription Confirmation</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#email-subscription-preferences"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#email-subscription-preferences" data-sec-counter="5.4" data-section-id="3906">Email Subscription Preferences</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#email-unsubscribe"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#email-unsubscribe" data-sec-counter="5.5" data-section-id="3907">Email Unsubscribe </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#password-prompt-5"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#password-prompt-5" data-sec-counter="5.6" data-section-id="3908">Password Prompt</a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li><li class="doc-actli"><a class="documentor-menu" href="#search-results-3"  style="clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;" data-href="#search-results-3" data-sec-counter="5.7" data-section-id="3909">Search Results </a><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div><div class="doc-menu-border"></div></li></ol></li></ol></div></div><div class="doc-sec-container" id="documentor_seccontainer"><div class="doc-sectionwrap" id="overview-279_wrap"><div class="documentor-section  section-3846" id="overview-279" data-section-id="3846"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">1.</span>Overview  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#overview-279')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Infinity is a modern and creative free HubSpot theme for your marketing services, web design, web development, SEO services, and other digital marketing services. With over </span><b>28 custom modules, 19 templates, engaging layouts, font, and color </b><span style="font-weight: 400;">customization options, here are a few top features:</span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">100% drag and drop DIY theme</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Multiple theme settings with easy customization</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Perfect to get you started with HubSpot</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Mobile-first approach</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Fully responsive</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">High page speed</span></li>
</ol>
<p><b>Note: </b><span style="font-weight: 400;">You can get <strong>15m</strong></span><b> free live interactions with our experts. </b><span style="font-weight: 400;"> Ask your doubts or get help in installing the theme which is completely optional and free once you download our theme. </span><b> </b></p>
<p><a href="https://meetings.hubspot.com/hubspot-cms"><b>Book Free Session</b></a></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="theme-components-2_wrap"><div class="documentor-section  section-3847" id="theme-components-2" data-section-id="3847"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.</span>Theme Components  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#theme-components-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">A HubSpot theme has the following components that you can use to create a page according to your design requirements:</span></p>
<ul>
<li aria-level="1"><b>Modules: </b><span style="font-weight: 400;">Modules are objects that you can interchange on website pages. Simply select any module from the library on the left panel, and drop it where you want. These modules add different functionality to your page defining the look and feel of your website. The infinity theme has 28 modules.</span><b> </b></li>
</ul>
<ul>
<li aria-level="1"><b>Templates: </b><span style="font-weight: 400;">Templates are sample layouts of different pages that you might use directly for your website. They are significant assets that help you save time. You can simply replace the demo text with your content and you are ready to publish your website pages.</span></li>
</ul>
<ul>
<li aria-level="1"><b>Global Settings: </b><span style="font-weight: 400;">The global settings on your website pages affect all of your assets. For example, if you make modifications to a global setting, those changes will appear on every page.</span></li>
</ul>
<p><b>If you have any questions before or after reading the documentation, please </b><a href="https://makewebbetter.com/contact-us/"><b>contact us</b></a><b>.</b></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="how-to-create-a-page_wrap"><div class="documentor-section  section-3848" id="how-to-create-a-page" data-section-id="3848"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.1.</span>How To Create a Page?  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#how-to-create-a-page')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><div style="width: 1280px;" class="wp-video"><video class="wp-video-shortcode" id="video-22797-2" width="1280" height="720" preload="metadata" controls="controls"><source type="video/mp4" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Website-pages-_-HubSpot-1.mp4?_=2" /><a href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Website-pages-_-HubSpot-1.mp4">https://docs.makewebbetter.com/wp-content/uploads/2022/05/Website-pages-_-HubSpot-1.mp4</a></video></div></p>
<p><span style="font-weight: 400;">You can create a </span><b>website page, landing page, or blog page using </b><span style="font-weight: 400;">the Infinity theme. For creating a page using:</span></p>
<ul>
<li aria-level="1"><b><i>Log in to your HubSpot portal &gt; Navigate to Marketing &gt; Select Website/Landing Pages &gt; Website Pages/Blog</i></b></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Create-a-Page-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22808 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Create-a-Page-1.png" alt="Create a Page 1" width="381" height="424" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Create-a-Page-1.png 381w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Create-a-Page-1-270x300.png 270w" sizes="(max-width: 381px) 100vw, 381px" /></a></div>
<ul>
<li><span style="font-weight: 400;">Locate the ‘</span><b>create’ </b><span style="font-weight: 400;">option on the right side of the screen &gt; Select an option from Website pages/Landing Pages/Blog post.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/create-a-page-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22809 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/create-a-page-2.png" alt="create a page 2" width="1322" height="301" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/create-a-page-2.png 1322w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/create-a-page-2-300x68.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/create-a-page-2-1024x233.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/create-a-page-2-768x175.png 768w" sizes="(max-width: 1322px) 100vw, 1322px" /></a></div>
<ul>
<li><span style="font-weight: 400;">Name the page(required) &gt; Select Infinity theme (change if other theme selected by going to edit option) &gt; Select any template from the dropdown (for example, about us, career page, etc) and proceed</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/CREATE-A-PAGE-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22810 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/CREATE-A-PAGE-3.png" alt="CREATE A PAGE 3" width="1517" height="694" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/CREATE-A-PAGE-3.png 1517w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/CREATE-A-PAGE-3-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/CREATE-A-PAGE-3-1024x468.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/CREATE-A-PAGE-3-768x351.png 768w" sizes="(max-width: 1517px) 100vw, 1517px" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Add/remove modules according to your requirements &gt; Edit content &gt; Publish the page. You will need to add a page title before publishing a page on your HubSpot CMS website.  </span></li>
</ul>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="how-to-edit-global-style_wrap"><div class="documentor-section  section-3849" id="how-to-edit-global-style" data-section-id="3849"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.2.</span>How To Edit Global Style? <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#how-to-edit-global-style')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">As mentioned above, global modules change all the properties you edit on every page used. After creating a page, you can edit the global style uniformly.  To edit global style on website pages,</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">From your HubSpot portal go to Create page/Edit page option</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">From the left panel, go to the </span><b>edit page panel. </b><span style="font-weight: 400;">There are 3 options available, </span><b>Add, Content, and Theme.</b></li>
<li style="font-weight: 400;" aria-level="1">Click on the theme option &gt; Select <b>edit theme settings. </b>From this option, you can easily make changes to the <i>global colors, global fonts, typography, buttons, spacing, website header, footer, forms, tables, blog settings, and system page settings</i></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Edit-page.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22812 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Edit-page.png" alt="Edit page" width="475" height="551" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Edit-page.png 475w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Edit-page-259x300.png 259w" sizes="(max-width: 475px) 100vw, 475px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="how-to-edit-theme-settings-2_wrap"><div class="documentor-section  section-3850" id="how-to-edit-theme-settings-2" data-section-id="3850"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.3.</span>How To Edit Theme Settings? <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#how-to-edit-theme-settings-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The edit theme settings option enables you to make changes in the theme settings. Just follow these steps and continue:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Create page/Edit page &gt; Navigate to Edit page panel &gt; Theme &gt; Edit theme settings</span></li>
</ul>
<p><span style="font-weight: 400;">The edit theme settings have the following options:</span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><b>Global colors</b><span style="font-weight: 400;">&#8211; Change primary color, secondary color, body background, and heading. </span></li>
<li style="font-weight: 400;" aria-level="1"><b>Global fonts-</b><span style="font-weight: 400;"> Change the heading font and body font, and both of its colors respectively.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Typography</b><span style="font-weight: 400;">&#8211; Change the font line height of H1, H2, H3, etc. body, and links on the desktop and mobile view.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Buttons</b><span style="font-weight: 400;">&#8211;  Change button text, spacing, corner, style of dark or light outlined buttons, etc.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Spacing</b><span style="font-weight: 400;">&#8211; Change vertical spacing, maximum content width,  </span></li>
<li style="font-weight: 400;" aria-level="1"><b>Website header-</b><span style="font-weight: 400;"> Change box-shadow, background, and menu</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Footer</b><span style="font-weight: 400;">&#8211; Change style of text, menu, heading </span></li>
<li style="font-weight: 400;" aria-level="1"><b>Forms</b><span style="font-weight: 400;">&#8211; Change styles of title, label, help text, fields, forms, and error messages.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Tables- </b><span style="font-weight: 400;">Change table header, body, footer, and text styles.</span></li>
<li style="font-weight: 400;" aria-level="1"><b>Blog settings</b><span style="font-weight: 400;">&#8211; Enable a sidebar, enable topics, display popular posts, and enable a subscription form on the sidebar. Moreover, for the blog post, you can show/hide the author’s name, timestamp, tags, related posts, change the border radius of images, etc. </span></li>
<li style="font-weight: 400;" aria-level="1"><b>System page settings</b><span style="font-weight: 400;">&#8211; Change error page settings, password prompt, email unsubscribe, etc.</span></li>
</ol>
<p><span style="font-weight: 400;">Press </span><b>Apply changes</b><span style="font-weight: 400;"> after changing these settings.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="how-to-edit-global-modules-4_wrap"><div class="documentor-section  section-3851" id="how-to-edit-global-modules-4" data-section-id="3851"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.4.</span>How To Edit Global Modules? <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#how-to-edit-global-modules-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">There are 2 global modules in the Infinity theme, </span><b>Website header, and Website footer. </b><span style="font-weight: 400;">To edit website footer/header:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Create a page or edit a page &gt; Navigate to Edit page panel &gt; Select Theme &gt; Click edit theme settings </span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Scroll to the website header or website footer option &gt; edit settings </span></li>
</ul>
<p><span style="font-weight: 400;">For both header and footer, you can enable/disable box-shadow, set the first &amp; second shadow color, and decide on the background color. Additionally, you can change the mobile &amp; desktop text font of the menu on the header, the hover color, and edit drop-downs.     </span></p>
<p><b>Please Note</b><span style="font-weight: 400;">: Publishing the changes on these modules will take effect on all your pages so be sure while doing any modifications.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="how-to-change-blog-templates-3_wrap"><div class="documentor-section  section-3852" id="how-to-change-blog-templates-3" data-section-id="3852"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.5.</span>How To Change Blog Templates? <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#how-to-change-blog-templates-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Blog templates are for your blogs. You can create a template for </span><b>blog listings and blog detailed pages. </b><span style="font-weight: 400;">For changing the blog page template follow these steps:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Log in to your </span><strong><a href="http://hubspot.sjv.io/kjBZ4x">HubSpot account</a></strong><span style="font-weight: 400;"> &gt; Go to </span><b>settings</b><span style="font-weight: 400;"> &gt; on the left side panel, scroll down to </span><b>marketing &gt; </b><span style="font-weight: 400;">under marketing select </span><b>blog</b></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/change-blog-template-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22817 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/change-blog-template-1.png" alt="change blog template 1" width="232" height="270" /></a></div>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Go to the </span><b>template option </b><span style="font-weight: 400;">from the top &gt; Select </span><b>infinity </b><span style="font-weight: 400;">from the </span><b>current view </b><span style="font-weight: 400;">option &gt; Now edit the template if you want to make changes to the blog template.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Change-blog-template-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22818 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Change-blog-template-2.png" alt="Change blog template 2" width="1096" height="359" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Change-blog-template-2.png 1096w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Change-blog-template-2-300x98.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Change-blog-template-2-1024x335.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Change-blog-template-2-768x252.png 768w" sizes="(max-width: 1096px) 100vw, 1096px" /></a></div>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="how-to-change-system-templates-4_wrap"><div class="documentor-section  section-3853" id="how-to-change-system-templates-4" data-section-id="3853"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.6.</span>How To Change System Templates? <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#how-to-change-system-templates-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">To change the system template,</span></p>
<p><span style="font-weight: 400;">Log in to your </span><strong><a href="http://hubspot.sjv.io/kjBZ4x">HubSpot account</a></strong><span style="font-weight: 400;"> &gt; Go to </span><b>settings</b><span style="font-weight: 400;"> &gt; on the left side panel, scroll down to </span><b>website &gt; </b><span style="font-weight: 400;">under marketing select </span><b>pages</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/change-system-templates-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22820 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/change-system-templates-1.png" alt="change system templates 1" width="233" height="244" /></a></div>
<ul>
<li><span style="font-weight: 400;">Select the </span><b>System Pages</b><span style="font-weight: 400;"> section &gt; Set a template for the system pages after clicking it. Choose the infinity</span><b> theme system template</b><span style="font-weight: 400;"> and then save settings.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/change-system-template-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22821 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/change-system-template-2.png" alt="change system template 2" width="950" height="481" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/change-system-template-2.png 950w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/change-system-template-2-300x152.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/change-system-template-2-768x389.png 768w" sizes="(max-width: 950px) 100vw, 950px" /></a></div>
<p><span style="font-weight: 400;">You can set the templates by following the similar steps:</span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">404 Error Page</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">500 Error Page</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Password Prompt Page</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Search Result Page  </span></li>
</ol>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="how-to-change-email-templates_wrap"><div class="documentor-section  section-3854" id="how-to-change-email-templates" data-section-id="3854"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.7.</span>How To Change Email Templates? <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#how-to-change-email-templates')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">For changing the email template:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Log in to your </span><strong><a href="http://hubspot.sjv.io/kjBZ4x">HubSpot account</a></strong><span style="font-weight: 400;"> &gt; Go to </span><b>settings</b><span style="font-weight: 400;"> &gt; on the left side panel, scroll down to </span><b>marketing &gt; </b><span style="font-weight: 400;">under marketing select </span><b>email</b></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/change-email-template-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22823 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/change-email-template-1.png" alt="change email template 1" width="204" height="222" /></a></div>
<ul>
<li><span style="font-weight: 400;">Select the </span><b>Subscriptions</b><span style="font-weight: 400;"> section &gt; Set a template for the subscription preference page from the dropdown. Choose </span><b>infinity theme subscription template</b><span style="font-weight: 400;"> and then save settings.</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Change-Email-Template-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22824 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Change-Email-Template-2.png" alt="Change Email Template 2" width="1068" height="634" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Change-Email-Template-2.png 1068w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Change-Email-Template-2-300x178.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Change-Email-Template-2-1024x608.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Change-Email-Template-2-768x456.png 768w" sizes="(max-width: 1068px) 100vw, 1068px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="how-to-work-with-reusable-sections_wrap"><div class="documentor-section  section-3855" id="how-to-work-with-reusable-sections" data-section-id="3855"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">2.8.</span>How To Work With Reusable Sections? <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#how-to-work-with-reusable-sections')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Reusable sections, as the name suggests, are section templates that you can directly use in place of modules. To use them:</span></p>
<p><span style="font-weight: 400;">After creating/editing a page h</span><b>over over any of the modules &gt; Locate and press the plus icon&gt; Choose from the list of reusable sections &gt; Publish changes.</b></p>
<p><div style="width: 1280px;" class="wp-video"><video class="wp-video-shortcode" id="video-22797-3" width="1280" height="720" preload="metadata" controls="controls"><source type="video/mp4" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/reusable-sections.mp4?_=3" /><a href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/reusable-sections.mp4">https://docs.makewebbetter.com/wp-content/uploads/2022/05/reusable-sections.mp4</a></video></div></p>
<p><span style="font-weight: 400;">The following reusable sections are available for your use:</span></p>
<ol>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Column Video Text</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Column Image Text</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Column Video And Content Section</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Services Section</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Column Content And Team Section</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Col0umn Counter And Content Section</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Column Content And Form Section</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Two Column Content And Image</span></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Call To Action</span></li>
</ol>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="modules-library-in-infinity-theme_wrap"><div class="documentor-section  section-3856" id="modules-library-in-infinity-theme" data-section-id="3856"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.</span>Modules Library In Infinity Theme  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#modules-library-in-infinity-theme')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Now we shall take an overview of the modules present in the infinity HubSpot theme. Here are a few things you should know before working with HubSpot theme modules:</span></p>
<ul>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">To change or use a module, you need to</span><b> create/edit a page.</b></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Choose any module,</span><b> drag it to wherever you want on the page, and drop it.  </b></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">Hover over any module on the page and a </span><b>pencil icon</b><span style="font-weight: 400;"> appears on the right corner of the module. Select this icon </span><b>to edit the content, links, or image on the modules.</b></li>
<li style="font-weight: 400;" aria-level="1"><span style="font-weight: 400;">For deleting any module on the page, </span><b>hover over the module and hit the delete icon</b><span style="font-weight: 400;">. </span></li>
</ul>
<p><span style="font-weight: 400;">The following are the modules present in the theme:</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="banner_wrap"><div class="documentor-section  section-3857" id="banner" data-section-id="3857"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.1.</span>Banner <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#banner')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The banner module is one of the most important parts of your website page. The first thing that the users notice when they land at your website page. You can use it on your home page or about us page to inform the visitors about your marketing or other services.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22828 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-1.png" alt="banner 1" width="1314" height="555" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-1.png 1314w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-1-300x127.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-1-1024x433.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-1-768x324.png 768w" sizes="(max-width: 1314px) 100vw, 1314px" /></a></div>
<p><span style="font-weight: 400;">The infinity banner module allows you to edit its </span><b>layout </b><span style="font-weight: 400;">(select from the image background image, background color, and background with image)</span><b>, button </b><span style="font-weight: 400;">or breadcrumb choice</span><b>, content ( </b><span style="font-weight: 400;">set mini title and enable primary button)</span><b>, and </b><span style="font-weight: 400;">add or remove the banner </span><b>image.</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22829 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-2.png" alt="banner 2" width="383" height="473" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-2.png 383w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/banner-2-243x300.png 243w" sizes="(max-width: 383px) 100vw, 383px" /></a></div>
<p><span style="font-weight: 400;">From the style tab, you can edit </span><b>spacing </b><span style="font-weight: 400;">( margin above &amp; below, padding), and set alignment for mobile &amp; desktop, enable maximum width and overwrite content color.</span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="partners_wrap"><div class="documentor-section  section-3858" id="partners" data-section-id="3858"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.2.</span>Partners <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#partners')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">As the name suggests, the partner module is great for displaying your partners on the landing pages and website pages. You must have worked with different brands. Here is a perfect module to help you out. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/partner-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22832 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/partner-1.png" alt="partner 1" width="1358" height="188" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/partner-1.png 1358w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/partner-1-300x42.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/partner-1-1024x142.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/partner-1-768x106.png 768w" sizes="(max-width: 1358px) 100vw, 1358px" /></a></div>
<p><span style="font-weight: 400;">You add as many partners as you like and edit links for the same. Moreover, you can put up your partners&#8217; logos, and their URLs, alt text, and image loading. The style tab will allow you to edit the desktop and mobile spacing, and padding.   </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/partner-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22833 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/partner-2.png" alt="partner 2" width="380" height="845" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/partner-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/partner-2-135x300.png 135w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="title-content-5_wrap"><div class="documentor-section  section-3859" id="title-content-5" data-section-id="3859"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.3.</span>Title Content <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#title-content-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The title content module allows you to add a title on any page. There is an option to add a mini title, edit content, and add primary &amp; secondary buttons.    </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22835 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-1.png" alt="title content 1" width="792" height="208" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-1.png 792w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-1-300x79.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-1-768x202.png 768w" sizes="(max-width: 792px) 100vw, 792px" /></a></div>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22837 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title.png" alt="title" width="770" height="240" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title.png 770w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-300x94.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-768x239.png 768w" sizes="(max-width: 770px) 100vw, 770px" /></a></div>
<p><span style="font-weight: 400;">From its</span><b> style tab, </b><span style="font-weight: 400;">you can edit the container, i.e background color, corner, enable maximum width, and content (desktop and mobile spacing &amp; padding).</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22836 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-2.png" alt="title content 2" width="380" height="487" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/title-content-2-234x300.png 234w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="card-2_wrap"><div class="documentor-section  section-3860" id="card-2" data-section-id="3860"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.4.</span>Card <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#card-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>The card module is for displaying cards on your website page along with some content and a featured image. Adjust the settings and add multiple cards on your landing pages.</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22839 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-1.png" alt="card 1" width="1143" height="459" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-1.png 1143w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-1-300x120.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-1-1024x411.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-1-768x308.png 768w" sizes="(max-width: 1143px) 100vw, 1143px" /></a></div>
<p><span style="font-weight: 400;">You can change the column layout to upto three columns, enable an icon box, add multiple cards, add images, headlines, image loading, set links, add icon box, and content. Under the </span><b>style tab </b><span style="font-weight: 400;">you can edit cards, image corner radius, set content alignment, and overwrite style.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22840 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-2.png" alt="card 2" width="382" height="377" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-2.png 382w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/card-2-300x296.png 300w" sizes="(max-width: 382px) 100vw, 382px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="testimonial-3_wrap"><div class="documentor-section  section-3861" id="testimonial-3" data-section-id="3861"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.5.</span>Testimonial <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#testimonial-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The testimonial module can be used to display various testimonials on your landing page. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22842 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-1.png" alt="testimonial 1" width="1152" height="618" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-1.png 1152w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-1-300x161.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-1-1024x549.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-1-768x412.png 768w" sizes="(max-width: 1152px) 100vw, 1152px" /></a></div>
<p><span style="font-weight: 400;">You can choose layout ( slider &amp; card), set section title, add multiple testimonial cards, change slider arrow images, and add alt text. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22843 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-2.png" alt="testimonial 2" width="380" height="1217" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-2-94x300.png 94w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-2-320x1024.png 320w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">From its </span><b>style tab </b><span style="font-weight: 400;">you can edit box spacing ( for desktop &amp; mobile), overwrite styles, and content alignment. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22844 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-3.png" alt="testimonial 3" width="375" height="385" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-3.png 375w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-3-292x300.png 292w" sizes="(max-width: 375px) 100vw, 375px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="copyright_wrap"><div class="documentor-section  section-3862" id="copyright" data-section-id="3862"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.6.</span>Copyright  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#copyright')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p>The copyright module can be used on the footer to show your copyright text along with the privacy policy and terms and conditions text and links. You can edit this from the global content editor.</p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22846 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-1.png" alt="copyright (1)" width="1187" height="85" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-1.png 1187w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-1-300x21.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-1-1024x73.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-1-768x55.png 768w" sizes="(max-width: 1187px) 100vw, 1187px" /></a></div>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22847 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-.png" alt="copyright" width="366" height="316" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-.png 366w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright--300x259.png 300w" sizes="(max-width: 366px) 100vw, 366px" /></a></div>
<p><span style="font-weight: 400;">From the style tab of the copyright module, you can enable border-top, and edit the style, color &amp; width of the border-top, spacing ( margin above &amp; below), and padding.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-2-.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22848 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-2-.png" alt="copyright 2" width="380" height="743" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-2-.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/copyright-2--153x300.png 153w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="navigation_wrap"><div class="documentor-section  section-3863" id="navigation" data-section-id="3863"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.7.</span>Navigation <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#navigation')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The navigation module can be edited from the </span><b>global content editor. </b><span style="font-weight: 400;">You can edit the menu title. Select a menu or create and set maximum levels.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/navigation.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22850 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/navigation.png" alt="navigation" width="381" height="484" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/navigation.png 381w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/navigation-236x300.png 236w" sizes="(max-width: 381px) 100vw, 381px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-toggler_wrap"><div class="documentor-section  section-3864" id="header-toggler" data-section-id="3864"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.8.</span>Header Toggler <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-toggler')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Drag and drop the header above the menu component for best results. You can select an icon or image for the toggle open and close option.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-Toggler-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22852 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-Toggler-1.png" alt="header Toggler 1" width="378" height="409" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-Toggler-1.png 378w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-Toggler-1-277x300.png 277w" sizes="(max-width: 378px) 100vw, 378px" /></a></div>
<p><span style="font-weight: 400;">From the style tab of the header module, you can adjust spacing and padding.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-Toggler-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22853 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-Toggler-2.png" alt="header Toggler 2" width="379" height="443" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-Toggler-2.png 379w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-Toggler-2-257x300.png 257w" sizes="(max-width: 379px) 100vw, 379px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="menu-9_wrap"><div class="documentor-section  section-3865" id="menu-9" data-section-id="3865"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.9.</span>Menu <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#menu-9')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The menu is also a global module. You can apply maximum levels. It determines the number of menu tree children that can be expanded in the menu.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22855 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-1.png" alt="menu 1" width="377" height="390" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-1.png 377w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-1-290x300.png 290w" sizes="(max-width: 377px) 100vw, 377px" /></a></div>
<p><span style="font-weight: 400;">The drop-down options have multiple options like text color, background color, border style, and color, width, etc. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22856 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-2.png" alt="menu 2" width="370" height="303" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-2.png 370w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-2-300x246.png 300w" sizes="(max-width: 370px) 100vw, 370px" /></a></div>
<p><span style="font-weight: 400;">The drop-down options have multiple options like text color, background color, border style, and color, width, etc. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22857 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-3.png" alt="menu 3" width="379" height="814" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-3.png 379w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/menu-3-140x300.png 140w" sizes="(max-width: 379px) 100vw, 379px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="header-controls-5_wrap"><div class="documentor-section  section-3866" id="header-controls-5" data-section-id="3866"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.10.</span>Header Controls <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#header-controls-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The header control module allows the user to enable a search option, select the display mode of the language switcher (localized, PageLang, hybrid), and button type, link, and text on the website header. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-controls-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22859 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-controls-1.png" alt="header controls 1" width="379" height="1078" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-controls-1.png 379w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-controls-1-105x300.png 105w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-controls-1-360x1024.png 360w" sizes="(max-width: 379px) 100vw, 379px" /></a></div>
<p><span style="font-weight: 400;">From the style tab, you can edit the search background color and icon color.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-controls-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22860 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-controls-2.png" alt="header controls 2" width="380" height="403" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-controls-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/header-controls-2-283x300.png 283w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="customizable-button-3_wrap"><div class="documentor-section  section-3867" id="customizable-button-3" data-section-id="3867"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.11.</span>Customizable Button <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#customizable-button-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The button module can be added anywhere for directing the user to another page. You can easily edit your text, add links, enable icons, etc. </span></p>
<p><span style="font-weight: 400;"></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-button-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22862 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-button-1.png" alt="customizable button 1" width="245" height="92" /></a></div>
<p></span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-button-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22863 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-button-2.png" alt="customizable button 2" width="380" height="707" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-button-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/customizable-button-2-161x300.png 161w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="icon-box-6_wrap"><div class="documentor-section  section-3868" id="icon-box-6" data-section-id="3868"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.12.</span>Icon Box <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#icon-box-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The icon box adds boxes with icons on your website pages. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22865 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-1.png" alt="icon box 1" width="308" height="240" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-1.png 308w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-1-300x234.png 300w" sizes="(max-width: 308px) 100vw, 308px" /></a></div>
<p><span style="font-weight: 400;">You can add multiple icon/image boxes, set layout ( compact or card), select upto three columns, and enable box-shadow.   </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22866 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-2.png" alt="icon box 2" width="380" height="857" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/icon-box-2-133x300.png 133w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="video-popup-4_wrap"><div class="documentor-section  section-3869" id="video-popup-4" data-section-id="3869"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.13.</span>Video Popup <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#video-popup-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Using the video module, you can add a video to your website or landing pages. These are very easy to work with and increase the engagement rate of your page.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22870 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-2.png" alt="video popup 2" width="611" height="401" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-2.png 611w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-2-300x197.png 300w" sizes="(max-width: 611px) 100vw, 611px" /></a></div>
<p><span style="font-weight: 400;">You can edit a video poster ( replace/remove a poster, alt text, poster size, maximum size), icon/content ( set icon over image or content over image), change the play icon, and add the desired video link.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22869 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-1-1.png" alt="video popup 1" width="380" height="404" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-1-1.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-1-1-282x300.png 282w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">From the style tab you may enable overlay or overwrite icon color, and also set the corner radius of the video as seen by the visitors. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22871 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-3.png" alt="video popup 3" width="378" height="338" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-3.png 378w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/video-popup-3-300x268.png 300w" sizes="(max-width: 378px) 100vw, 378px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="team-6_wrap"><div class="documentor-section  section-3870" id="team-6" data-section-id="3870"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.14.</span>Team <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#team-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">If your team needs a highlight on your website page, you can use this module. You can set layout choices from a card, slider, or image, set column count, change the size of the image, add alt text, image loading and profile links, and designation of the team member.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Team-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22874 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Team-1.png" alt="Team 1" width="1207" height="465" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Team-1.png 1207w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Team-1-300x116.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Team-1-1024x394.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Team-1-768x296.png 768w" sizes="(max-width: 1207px) 100vw, 1207px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can set image alignment, image corners, card background color, border radius, and spacing. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-image-2_wrap"><div class="documentor-section  section-3871" id="custom-image-2" data-section-id="3871"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.15.</span>Custom Image <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-image-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can add any image to your website page using the custom image module. Other related settings for this module are desktop and mobile alignment, corner radius, alt text, size, image loading, and maximum image size. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-image-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22876 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-image-1.png" alt="custom image 1" width="539" height="565" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-image-1.png 539w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-image-1-286x300.png 286w" sizes="(max-width: 539px) 100vw, 539px" /></a></div>
<p>&nbsp;</p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="counter-5_wrap"><div class="documentor-section  section-3872" id="counter-5" data-section-id="3872"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.16.</span>Counter <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#counter-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">You can add a multi-column section to your page using the counter module. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22878 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-1.png" alt="counter 1" width="944" height="179" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-1.png 944w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-1-300x57.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-1-768x146.png 768w" sizes="(max-width: 944px) 100vw, 944px" /></a></div>
<p><span style="font-weight: 400;">Add up to three columns, edit links, and add images, content, the maximum width of the container, card width, desktop and mobile alignment, spacing, and background color ( from the style tab).</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22880 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-2.png" alt="counter 2" width="380" height="857" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-2-133x300.png 133w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
<p><span style="font-weight: 400;">The style tab will help you in setting the alignment and image corners.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-3.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22882 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-3.png" alt="counter 3" width="380" height="482" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-3.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/counter-3-237x300.png 237w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="social-follow-5_wrap"><div class="documentor-section  section-3873" id="social-follow-5" data-section-id="3873"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.17.</span>Social Follow <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#social-follow-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The social follow module allows you to add your social platforms like Twitter, Instagram, Facebook, and LinkedIn on your website pages, header, or footer. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22884 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-1.png" alt="social follow" width="500" height="121" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-1.png 500w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-1-300x73.png 300w" sizes="(max-width: 500px) 100vw, 500px" /></a></div>
<p><span style="font-weight: 400;">You can replace/remove social icons, change icon size and icon color, and add your social links, and icons. From the style tab, you can enable background color, change border radius, and set desktop and mobile alignment.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22885 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-1-1.png" alt="social follow 1" width="376" height="303" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-1-1.png 376w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/social-follow-1-1-300x242.png 300w" sizes="(max-width: 376px) 100vw, 376px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="pricing-card-3_wrap"><div class="documentor-section  section-3874" id="pricing-card-3" data-section-id="3874"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.18.</span>Pricing Card <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#pricing-card-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The pricing card module can be used to display your service pricing details on your landing pages. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22887 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-1.png" alt="pricing card 1" width="1172" height="422" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-1.png 1172w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-1-300x108.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-1-1024x369.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-1-768x277.png 768w" sizes="(max-width: 1172px) 100vw, 1172px" /></a></div>
<p><span style="font-weight: 400;">You can add multiple tabs, add descriptions, mini title, button, list, and price,  and enable box-shadow from the content settings. From the style tab, you can edit the tab font, background color, overwrite style, alignment, active card background color, and border color.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22888 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-2.png" alt="pricing card 2" width="383" height="315" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-2.png 383w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-card-2-300x247.png 300w" sizes="(max-width: 383px) 100vw, 383px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="accordion-7_wrap"><div class="documentor-section  section-3875" id="accordion-7" data-section-id="3875"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.19.</span>Accordion <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#accordion-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The accordion module can help you create a section to add FAQs or a large piece of content users can toggle to show or hide.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22890 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-1.png" alt="accordion 1" width="1175" height="419" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-1.png 1175w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-1-300x107.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-1-1024x365.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-1-768x274.png 768w" sizes="(max-width: 1175px) 100vw, 1175px" /></a></div>
<p><span style="font-weight: 400;">You can choose the position of the icon from the right or left, add multiple questions, add content, title, and opening, and closing icon. From the style tab, you can edit the accordion background color, spacing, border-radius, and box-shadow.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22891 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-2.png" alt="accordion 2" width="380" height="805" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/accordion-2-142x300.png 142w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-grid-2_wrap"><div class="documentor-section  section-3876" id="blog-grid-2" data-section-id="3876"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.20.</span>Blog Grid <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-grid-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The blog grid module helps you to add blogs to your website in a grid format. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-grid-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22893 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-grid-1.png" alt="blog grid 1" width="1235" height="564" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-grid-1.png 1235w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-grid-1-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-grid-1-1024x468.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-grid-1-768x351.png 768w" sizes="(max-width: 1235px) 100vw, 1235px" /></a></div>
<p><span style="font-weight: 400;">You can select all the blogs you want to display and set the button text. Other settings along with style tab include box-shadow, background color, corner radius, </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-grid-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22894 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-grid-2.png" alt="blog grid 2" width="376" height="328" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-grid-2.png 376w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-grid-2-300x262.png 300w" sizes="(max-width: 376px) 100vw, 376px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-listing-10_wrap"><div class="documentor-section  section-3877" id="blog-listing-10" data-section-id="3877"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.21.</span>Blog Listing <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-listing-10')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">For changing blog listings, you have to go to the settings option on your HubSpot portal. Navigate to website &gt; click blog &gt; go to templates. From the current view, select the infinity theme. Now select the blog listing page and click on the edit page to continue editing the existing blog template.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-1-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22896 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-1-1.png" alt="blog listing 1" width="943" height="507" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-1-1.png 943w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-1-1-300x161.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-1-1-768x413.png 768w" sizes="(max-width: 943px) 100vw, 943px" /></a></div>
<p><span style="font-weight: 400;">You can set the number of posts per listing page, show summaries on the listing page, and use featured images in listing summaries.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22897 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-2.png" alt="blog listing 2" width="948" height="1245" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-2.png 948w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-2-228x300.png 228w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-2-780x1024.png 780w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-2-768x1009.png 768w" sizes="(max-width: 948px) 100vw, 948px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="map-6_wrap"><div class="documentor-section  section-3878" id="map-6" data-section-id="3878"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.22.</span>Map <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#map-6')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The map module will add a virtual map to your website. You can </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22899 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-1.png" alt="map 1" width="1361" height="549" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-1.png 1361w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-1-300x121.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-1-1024x413.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-1-768x310.png 768w" sizes="(max-width: 1361px) 100vw, 1361px" /></a></div>
<p><span style="font-weight: 400;">Map module settings include map API, Map JSON, Map zoom level, center latitude, and longitude. From its style tab, you can edit the corners and height of the map.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22900 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-2.png" alt="map 2" width="377" height="192" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-2.png 377w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/map-2-300x153.png 300w" sizes="(max-width: 377px) 100vw, 377px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="custom-form_wrap"><div class="documentor-section  section-3879" id="custom-form" data-section-id="3879"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.23.</span>Custom Form <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#custom-form')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Add a contact form on your website page using this module. Customize and use any existing form on your HubSpot CMS. You have form layout choices from single field form ( button at bottom or side button) or multiple field forms, enable form box-shadow, set form field title, overwrite button, and enable input field box-shadow. You can select any form or create a new form too.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22902 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-1.png" alt="custom form 1" width="593" height="515" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-1.png 593w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-1-300x261.png 300w" sizes="(max-width: 593px) 100vw, 593px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can edit form title ( color, border-bottom, alignment), enable/disable form background color, enable/disable form max-width, desktop/mobile form spacing, input field background color and border, overwrite radius ( form corers), and enable/disable bottom full width. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22903 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-2.png" alt="custom form 2" width="380" height="460" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/custom-form-2-248x300.png 248w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="why-us_wrap"><div class="documentor-section  section-3880" id="why-us" data-section-id="3880"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.24.</span>Why Us <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#why-us')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The why us module allows you to add the reason for visitors to choose you. You can add multiple icons/image boxes, and enable/disable the arrow.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/why-us-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22905 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/why-us-1.png" alt="why us 1" width="1000" height="278" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/why-us-1.png 1000w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/why-us-1-300x83.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/why-us-1-768x214.png 768w" sizes="(max-width: 1000px) 100vw, 1000px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can edit spacing, set alignment for mobile &amp; desktop, and text color. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/why-us-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22906 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/why-us-2.png" alt="why us 2" width="380" height="355" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/why-us-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/why-us-2-300x280.png 300w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="listing-layouts-2_wrap"><div class="documentor-section  section-3881" id="listing-layouts-2" data-section-id="3881"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.25.</span>Listing Layouts  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#listing-layouts-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The listing layout module enables the display of assorted items in the listing form. </span><b>By default, all items are listed. But, the initial filter setting will allow users to set the initial filter only for a single category at a time. </b><span style="font-weight: 400;">You have a column count option, layout choice, edit tab content like adding title and button, enable box-shadow, select box shade, etc. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/listing-layout-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22908 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/listing-layout-1.png" alt="listing layout 1" width="748" height="678" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/listing-layout-1.png 748w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/listing-layout-1-300x272.png 300w" sizes="(max-width: 748px) 100vw, 748px" /></a></div>
<p><span style="font-weight: 400;">From its style tab, you can change the card, content, and content alignment. </span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/listing-layout-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22909 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/listing-layout-2.png" alt="listing layout 2" width="380" height="842" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/listing-layout-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/listing-layout-2-135x300.png 135w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="logo-4_wrap"><div class="documentor-section  section-3882" id="logo-4" data-section-id="3882"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.26.</span>Logo <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#logo-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">Add your company logo anywhere on the page with the logo module. You can enable/disable the custom logo, override the default logo, and set the default logo for all domains. You can also control its visibility from the style tab.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22911 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo-1-e1653713264572.png" alt="logo 1" width="500" height="149" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo-1-e1653713264572.png 500w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo-1-e1653713264572-300x89.png 300w" sizes="(max-width: 500px) 100vw, 500px" /></a></div>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22912 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo-2.png" alt="logo 2" width="380" height="488" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/logo-2-234x300.png 234w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="spacer-7_wrap"><div class="documentor-section  section-3883" id="spacer-7" data-section-id="3883"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.27.</span>Spacer  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#spacer-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The spacer module adds white space to the website and landing pages. Just search it from the theme module list and drag and drop it to your desired location. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="gallery-4_wrap"><div class="documentor-section  section-3884" id="gallery-4" data-section-id="3884"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">3.28.</span>Gallery <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#gallery-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The gallery module allows you to add multiple tabs, enable item links, set tab name, and tab ID and set border-radius according to your requirements. You can also set it as an initial filter.  </span><b>By default, all items are listed. But, the initial filter setting will allow users to set the initial filter only for a single category at a time.</b></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/gallery-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22915 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/gallery-1.png" alt="gallery 1" width="1167" height="698" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/gallery-1.png 1167w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/gallery-1-300x179.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/gallery-1-1024x612.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/gallery-1-768x459.png 768w" sizes="(max-width: 1167px) 100vw, 1167px" /></a></div>
<p><span style="font-weight: 400;">You can add as many tabs you like and alter the image maximum size, image loading, etc. as you wish.</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/gallery-2.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22916 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/gallery-2.png" alt="gallery 2" width="380" height="697" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/gallery-2.png 380w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/gallery-2-164x300.png 164w" sizes="(max-width: 380px) 100vw, 380px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="template-library-in-infinity-theme_wrap"><div class="documentor-section  section-3885" id="template-library-in-infinity-theme" data-section-id="3885"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.</span>Template Library In Infinity Theme  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#template-library-in-infinity-theme')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">The infinity theme has a list of ready-made templates for your business. Just while creating a new page select one from the template and edit content according to your business and you’re ready to publish. </span></p>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="homepage-5_wrap"><div class="documentor-section  section-3886" id="homepage-5" data-section-id="3886"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.1.</span>Homepage <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#homepage-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><p><span style="font-weight: 400;">There are 3 variants of the homepage in the Infinity theme. </span></p>
<ol>
<li><span style="font-weight: 400;">Homepage 1 &#8211; Digital Marketing </span></li>
</ol>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-digital-marketing.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22919 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-digital-marketing.png" alt="homepage digital marketing" width="1365" height="1568" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-digital-marketing.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-digital-marketing-261x300.png 261w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-digital-marketing-891x1024.png 891w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-digital-marketing-768x882.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-digital-marketing-1337x1536.png 1337w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
<p><span style="font-weight: 400;">   2. Homepage 2 &#8211; Social Media Marketing</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-social.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22920 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-social.png" alt="homepage social" width="1365" height="1575" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-social.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-social-260x300.png 260w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-social-887x1024.png 887w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-social-768x886.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-social-1331x1536.png 1331w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
<p><span style="font-weight: 400;"> 3. Homepage 3 &#8211; Search Engine Optimization</span></p>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-seo.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22921 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-seo.png" alt="homepage seo" width="1365" height="1270" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-seo.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-seo-300x279.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-seo-1024x953.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/homepage-seo-768x715.png 768w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="about-us-2_wrap"><div class="documentor-section  section-3887" id="about-us-2" data-section-id="3887"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.2.</span>About Us <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#about-us-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><ul>
<li><span style="font-weight: 400;">About &#8211; Company</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/about-company.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22924 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/about-company.png" alt="about company" width="1357" height="1055" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/about-company.png 1357w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/about-company-300x233.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/about-company-1024x796.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/about-company-768x597.png 768w" sizes="(max-width: 1357px) 100vw, 1357px" /></a></div>
<p>&nbsp;</p>
<ul>
<li><span style="font-weight: 400;">About &#8211; Author</span></li>
</ul>
<div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/About-Author-1.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22923 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/About-Author-1.png" alt="About Author (1)" width="1361" height="1785" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/About-Author-1.png 1361w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/About-Author-1-229x300.png 229w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/About-Author-1-781x1024.png 781w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/About-Author-1-768x1007.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/About-Author-1-1171x1536.png 1171w" sizes="(max-width: 1361px) 100vw, 1361px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="pricing-4_wrap"><div class="documentor-section  section-3888" id="pricing-4" data-section-id="3888"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.3.</span>Pricing <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#pricing-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22926 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing.png" alt="pricing" width="1360" height="1432" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing.png 1360w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-285x300.png 285w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-973x1024.png 973w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/pricing-768x809.png 768w" sizes="(max-width: 1360px) 100vw, 1360px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-listing-11_wrap"><div class="documentor-section  section-3889" id="blog-listing-11" data-section-id="3889"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.4.</span>Blog Listing <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-listing-11')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-template.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22928 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-template.png" alt="blog listing template" width="1365" height="1988" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-template.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-template-206x300.png 206w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-template-703x1024.png 703w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-template-768x1119.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-listing-template-1055x1536.png 1055w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="blog-detail-3_wrap"><div class="documentor-section  section-3890" id="blog-detail-3" data-section-id="3890"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.5.</span>Blog Detail <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#blog-detail-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-details-template.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22930 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-details-template.png" alt="blog details template" width="1366" height="2909" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-details-template.png 1366w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-details-template-141x300.png 141w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-details-template-481x1024.png 481w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-details-template-768x1636.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-details-template-721x1536.png 721w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/blog-details-template-962x2048.png 962w" sizes="(max-width: 1366px) 100vw, 1366px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="services_wrap"><div class="documentor-section  section-3891" id="services" data-section-id="3891"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.6.</span>Services <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#services')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/services.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22932 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/services.png" alt="services" width="1365" height="996" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/services.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/services-300x219.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/services-1024x747.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/services-768x560.png 768w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="testimonial-4_wrap"><div class="documentor-section  section-3892" id="testimonial-4" data-section-id="3892"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.7.</span>Testimonial <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#testimonial-4')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-template.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22934 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-template.png" alt="testimonial template" width="1351" height="1190" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-template.png 1351w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-template-300x264.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-template-1024x902.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/testimonial-template-768x676.png 768w" sizes="(max-width: 1351px) 100vw, 1351px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="contact-us-3_wrap"><div class="documentor-section  section-3893" id="contact-us-3" data-section-id="3893"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.8.</span>Contact Us <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#contact-us-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22936 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact.png" alt="contact" width="1360" height="1747" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact.png 1360w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact-234x300.png 234w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact-797x1024.png 797w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact-768x987.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/contact-1196x1536.png 1196w" sizes="(max-width: 1360px) 100vw, 1360px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="teams_wrap"><div class="documentor-section  section-3894" id="teams" data-section-id="3894"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.9.</span>Teams <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#teams')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Teams-template.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22938 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Teams-template.png" alt="Teams template" width="1364" height="2270" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Teams-template.png 1364w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Teams-template-180x300.png 180w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Teams-template-615x1024.png 615w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Teams-template-768x1278.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Teams-template-923x1536.png 923w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Teams-template-1231x2048.png 1231w" sizes="(max-width: 1364px) 100vw, 1364px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="career-2_wrap"><div class="documentor-section  section-3895" id="career-2" data-section-id="3895"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.10.</span>Career <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#career-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/career.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22940 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/career.png" alt="career" width="1365" height="1308" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/career.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/career-300x287.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/career-1024x981.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/career-768x736.png 768w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="event-listing-2_wrap"><div class="documentor-section  section-3896" id="event-listing-2" data-section-id="3896"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.11.</span>Event Listing <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#event-listing-2')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/event-listing.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22942 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/event-listing.png" alt="event listing" width="1363" height="1049" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/event-listing.png 1363w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/event-listing-300x231.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/event-listing-1024x788.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/event-listing-768x591.png 768w" sizes="(max-width: 1363px) 100vw, 1363px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="event-detail-5_wrap"><div class="documentor-section  section-3897" id="event-detail-5" data-section-id="3897"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.12.</span>Event Detail <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#event-detail-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/event-detail.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22944 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/event-detail.png" alt="event detail" width="1363" height="1169" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/event-detail.png 1363w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/event-detail-300x257.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/event-detail-1024x878.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/event-detail-768x659.png 768w" sizes="(max-width: 1363px) 100vw, 1363px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="faq-16_wrap"><div class="documentor-section  section-3898" id="faq-16" data-section-id="3898"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.13.</span>FAQ <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#faq-16')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/faqs.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22946 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/faqs.png" alt="faqs" width="1365" height="1371" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/faqs.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/faqs-300x300.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/faqs-1020x1024.png 1020w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/faqs-150x150.png 150w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/faqs-768x771.png 768w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="portfolio-5_wrap"><div class="documentor-section  section-3899" id="portfolio-5" data-section-id="3899"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.14.</span>Portfolio <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#portfolio-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/portfolio.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22948 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/portfolio.png" alt="portfolio" width="1365" height="1149" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/portfolio.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/portfolio-300x253.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/portfolio-1024x862.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/portfolio-768x646.png 768w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="product-landing-page_wrap"><div class="documentor-section  section-3900" id="product-landing-page" data-section-id="3900"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.15.</span>Product Landing Page <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#product-landing-page')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/landing-page-product.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22950 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/landing-page-product.png" alt="landing page product" width="1360" height="1246" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/landing-page-product.png 1360w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/landing-page-product-300x275.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/landing-page-product-1024x938.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/landing-page-product-768x704.png 768w" sizes="(max-width: 1360px) 100vw, 1360px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="career-landing-page_wrap"><div class="documentor-section  section-3901" id="career-landing-page" data-section-id="3901"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">4.16.</span>Career Landing Page <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#career-landing-page')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/landing-page-career.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22952 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/landing-page-career.png" alt="landing page career" width="1365" height="1424" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/landing-page-career.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/landing-page-career-288x300.png 288w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/landing-page-career-982x1024.png 982w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/landing-page-career-768x801.png 768w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="system-pages-7_wrap"><div class="documentor-section  section-3902" id="system-pages-7" data-section-id="3902"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.</span>System Pages  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#system-pages-7')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="error-404_wrap"><div class="documentor-section  section-3903" id="error-404" data-section-id="3903"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.1.</span>Error 404 <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#error-404')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Error-404-template.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22955 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Error-404-template.png" alt="Error 404 template" width="1365" height="752" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Error-404-template.png 1365w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Error-404-template-300x165.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Error-404-template-1024x564.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Error-404-template-768x423.png 768w" sizes="(max-width: 1365px) 100vw, 1365px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="error-500_wrap"><div class="documentor-section  section-3904" id="error-500" data-section-id="3904"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.2.</span>Error 500 <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#error-500')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-500-template.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22957 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-500-template.png" alt="error 500 template" width="1366" height="625" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-500-template.png 1366w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-500-template-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-500-template-1024x469.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/error-500-template-768x351.png 768w" sizes="(max-width: 1366px) 100vw, 1366px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="email-subscription-confirmation_wrap"><div class="documentor-section  section-3905" id="email-subscription-confirmation" data-section-id="3905"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.3.</span>Email Subscription Confirmation <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#email-subscription-confirmation')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-subscription-template.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22959 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-subscription-template.png" alt="email subscription template" width="1366" height="625" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-subscription-template.png 1366w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-subscription-template-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-subscription-template-1024x469.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-subscription-template-768x351.png 768w" sizes="(max-width: 1366px) 100vw, 1366px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="email-subscription-preferences_wrap"><div class="documentor-section  section-3906" id="email-subscription-preferences" data-section-id="3906"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.4.</span>Email Subscription Preferences <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#email-subscription-preferences')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-preferences-template.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22961 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-preferences-template.png" alt="communication preferences template" width="1821" height="833" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-preferences-template.png 1821w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-preferences-template-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-preferences-template-1024x468.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-preferences-template-768x351.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/communication-preferences-template-1536x703.png 1536w" sizes="(max-width: 1821px) 100vw, 1821px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="email-unsubscribe_wrap"><div class="documentor-section  section-3907" id="email-unsubscribe" data-section-id="3907"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.5.</span>Email Unsubscribe  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#email-unsubscribe')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22963 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe.png" alt="email unsubscribe" width="2049" height="937" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe.png 2049w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe-1024x468.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe-768x351.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/email-unsubscribe-1536x702.png 1536w" sizes="(max-width: 2049px) 100vw, 2049px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="password-prompt-5_wrap"><div class="documentor-section  section-3908" id="password-prompt-5" data-section-id="3908"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.6.</span>Password Prompt <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#password-prompt-5')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-promt-template.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22965 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-promt-template.png" alt="password promt template" width="1707" height="781" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-promt-template.png 1707w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-promt-template-300x137.png 300w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-promt-template-1024x469.png 1024w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-promt-template-768x351.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/password-promt-template-1536x703.png 1536w" sizes="(max-width: 1707px) 100vw, 1707px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--><div class="doc-sectionwrap" id="search-results-3_wrap"><div class="documentor-section  section-3909" id="search-results-3" data-section-id="3909"><h2 class="doc-sec-title" style="clear:none;line-height:39px;font-family:;font-size:31px;font-weight:normal;font-style:normal;color:#3c3c3c;border-bottom: 1px dotted #e6e6e6;"> <span class="doc-sec-count" style="display:inline-block">5.7.</span>Search Results  <span class="doc-sec-link doc-noprint" onclick="prompt('Press Ctrl + C, then Enter to copy to clipboard','https://docs.makewebbetter.com/hubspot-themes/feed/#search-results-3')"><span class="icon-hyperlink doc-icons"></span></span> <div class="documentor-social doc-noprint"></div></h2><div class="doc-sec-content" style="clear:none;line-height:24px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#333333;"><div class="mwb-docs-product-images"><a class="mwb-image-popup" href="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results.png"><img decoding="async" loading="lazy" class="aligncenter wp-image-22967 size-full" src="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results.png" alt="Search results" width="1334" height="1926" srcset="https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results.png 1334w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results-208x300.png 208w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results-709x1024.png 709w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results-768x1109.png 768w, https://docs.makewebbetter.com/wp-content/uploads/2022/05/Search-results-1064x1536.png 1064w" sizes="(max-width: 1334px) 100vw, 1334px" /></a></div>
</div><div class="documentor-help"><div class="negative-feedbackform doc-noprint">
					</div><div class="feedback-msg doc-noprint"></div></div></div></div><!--./doc-sectionwrap--></div><!--.doc-sec-container--><div id="sugestedit_popup335" class="sugestedit_popup">
				<a class="modal_close"></a>
				<form name="documentor-suggestform" method="post" class="documentor-suggestform">
					<div class="doc-frmdiv" style="font-weight: bold;">Suggest Edit
					</div>
					<div class="doc-frmdiv">
						<input type="text" name="sec_title" class="sedit-sectitle txtinput" value="" />
					</div><div class="doc-frmdiv">
							<input type="text" name="name" class="txtinput" placeholder="Name" required />
						</div><div class="doc-frmdiv">
							<input type="email" class="emailinput" placeholder="Email" name="email" required /> 
						</div><div class="doc-frmdiv">
							<textarea name="content" class="textareainput" placeholder="Post your suggestion..." required></textarea>
						</div><div class="doc-frmdiv"><label> Captcha :&nbsp; </label><span class="doc-sedit-captcha"></span></div><input type="hidden" class="sedit-secid" name="secid" value="" />
					<input type="hidden" class="sedit-postid" name="sedit_postid" value="" />
					<input type="hidden" class="sedit-docid" name="docid" value="335" />
					<button class="docsubmit-suggestform"> Submit </button>
				</form>
			</div><script type="text/javascript">
			jQuery(document).ready(function(){
				jQuery("#documentor-335").documentor({
					documentid	: 335,
					docid		: "documentor-335",
					animation	: "",
					indexformat	: "1",
					pformat		: "decimal",
					cformat		: "decimal",					
					secstyle	: "clear:none;line-height:20px;font-family:;font-size:15px;font-weight:normal;font-style:normal;color:#326693;",
					actnavbg_default: "1",
					actnavbg_color	: "#000000",
					enable_ajax	: "0",
					scrolling	: "1",
					fixmenu		: "1",
					skin		: "mint",
					scrollBarSize	: "3",
					scrollBarColor	: "#326693",
					scrollBarOpacity: "0.4",
					windowprint	: "0",
					menuTop: "20",
					socialshare	: 0,
					sharecount	: 1,
					fbshare		: 1,
					twittershare	: 1,
					gplusshare	: 1,
					pinshare	: 1,
					togglechild	: 0,
					noResultsStr: "No results found!",
				});	
			});</script></div><!--/.document-wrapper--></div><div class="cleardiv"> </div><div id="documentor-335-end"></div></p>
<p>The post <a rel="nofollow" href="https://docs.makewebbetter.com/infinity-hubspot-theme/">Infinity Hubspot Theme</a> appeared first on <a rel="nofollow" href="https://docs.makewebbetter.com">MakeWebBetter Documentation</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://docs.makewebbetter.com/infinity-hubspot-theme/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
