{"id":69534,"date":"2021-03-09T10:33:06","date_gmt":"2021-03-09T15:33:06","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=69534"},"modified":"2023-08-09T11:30:09","modified_gmt":"2023-08-09T15:30:09","slug":"using-the-boldgrid-customizer","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/","title":{"rendered":"How to Use the BoldGrid Customizer"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer-1024x538.jpg\" alt=\"Learn How to Use the BoldGrid Customizer\" class=\"wp-image-69533\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer-1024x538.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer-300x158.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer-768x403.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer.jpg 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>When you\u2019re building a website, BoldGrid is a <a href=\"\/wordpress-website-builder\">WordPress website builder<\/a> that can help you get started with example content and many custom themes. Then the BoldGrid Customizer lets you easily update the website design to fit your needs.\u00a0<\/p>\n\n\n\n<p>Quickly change the colors, background image, or <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/how-to-add-a-site-logo-in-wordpress\/\">add a custom logo<\/a>. If you need more menus or widgets it can all be done with the BoldGrid Customizer.<\/p>\n\n\n\n<p>In this guide, we\u2019ll show you how to use the BoldGrid Customizer to create a site that\u2019s perfect for your business or blog.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#title-logo\">Customize Site Title &amp; Logo<\/a><\/li>\n\n\n\n<li><a href=\"#colors\">Customize Colors<\/a><\/li>\n\n\n\n<li><a href=\"#background\">Customize Background<\/a><\/li>\n\n\n\n<li><a href=\"#fonts\">Customize Fonts<\/a><\/li>\n\n\n\n<li><a href=\"#menus\">Customize Menus<\/a><\/li>\n\n\n\n<li><a href=\"#widgets\">Customize Widgets<\/a><\/li>\n\n\n\n<li><a href=\"#advanced\">Advanced Customize Options<\/a><\/li>\n<\/ul>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"alert alert-info\">This guide is only for standard BoldGrid themes and will not work with Premium <a href=\"https:\/\/www.boldgrid.com\/crio-wordpress-theme-for-business\/\">BoldGrid Crio<\/a> themes since they have enhanced features and options.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"title-logo\">Customize Site Title &amp; Logo<\/h2>\n\n\n\n<p>In this section, we\u2019ll give you an overview of the Site Title &amp; Logo tab in the BoldGrid Customizer. This tab allows you to create a custom site title, and tagline, as well as add your logo, and Icon (favicon).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using the Site Title &amp; Logo tab in the BoldGrid Customizer<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Click <strong>Appearance<\/strong> then <strong>Customize<\/strong> in the navigation menu.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"350\" class=\"wp-image-69526\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/boldgrid-customizer-appearance.png\" alt=\"Accessing the BoldGrid Customizer\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/boldgrid-customizer-appearance.png 854w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/boldgrid-customizer-appearance-300x140.png 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/boldgrid-customizer-appearance-768x358.png 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Click the <strong>Site Title &amp; Logo<\/strong> tab.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"623\" class=\"wp-image-69531\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/site-title-logo.png\" alt=\"Updating your Site Title &amp; Logo with the BoldGrid Customizer\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/site-title-logo.png 449w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/site-title-logo-300x249.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br>You will then be able to customize your site. Below is a brief description of the available options. Click the <strong>Publish<\/strong> button once you have made your selections.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Option<\/strong><\/td><td><strong>Description<\/strong><\/td><\/tr><tr><td>Site Title<\/td><td>Enter a Site title here, for it to display on the top of the page.<\/td><\/tr><tr><td>Tagline<\/td><td>The text you enter here will display below the Site Title.<\/td><\/tr><tr><td>Custom Font<\/td><td>Click this option to modify the Font style and size.<\/td><\/tr><tr><td>Position<\/td><td>Click this button to modify the location of the Site Title and tagline. This is done by creating margins, and adding spacing to letters.<\/td><\/tr><tr><td>Custom Shadow<\/td><td>Click this button to customize the shadows of the Site title &amp; Tagline.<\/td><\/tr><tr><td>Site Logo<\/td><td>Click the <strong>Select File<\/strong> button to upload a custom Logo. Notice: This will replace the Site Title.<\/td><\/tr><tr><td>Site Icon<\/td><td>Click the<strong> Select File<\/strong> button to upload a custom site Icon, also known as a favicon.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"colors\">Customize Colors<\/h2>\n\n\n\n<p>Your <a href=\"https:\/\/www.boldgrid.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">BoldGrid<\/a> site is set up with a default color scheme. You may, however, wish to change the color scheme to one that fits you or your business better. We will now show you how to customize your color scheme, also called color palettes, in BoldGrid.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Changing your Color Palettes<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Click <strong>Appearance<\/strong> then <strong>Customize<\/strong> in the navigation menu.<\/li>\n\n\n\n<li>Click on the <strong>Colors<\/strong> tab.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"733\" class=\"wp-image-69527\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/colors-customizer.png\" alt=\"Updates Colors in the BoldGrid Customizer\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/colors-customizer.png 451w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/colors-customizer-300x293.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>The tab will expand to allow you to see the different settings you can change. The site will update in real-time, so you can preview the colors. After you have configured the settings to your needs, click the <strong>Publish<\/strong> button to activate them.<br><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Option<\/strong> <\/td><td><strong>Description<\/strong><\/td><\/tr><tr><td>Active Palette<\/td><td>Here you will see several pre-made color combinations, called palettes. Click on a palette to change your site to that specific one.<\/td><\/tr><tr><td>Suggest Palettes<\/td><td>Clicking here will design other custom palettes you can select from.<\/td><\/tr><tr><td>Saved Palettes<\/td><td>A list of palettes to select from, clicking on a suggested palette will save it to the list so you can create your own custom list.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"background\">Customize Background<\/h2>\n\n\n\n<p>In this tutorial we will give you an overview of the Background tab in the BoldGrid Customizer. This tab allows you to modify the background of the BoldGrid Theme you are using. This is helpful when branding your site, or adjusting it to suit your needs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using the Background Tab in the BoldGrid Customizer<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Click <strong>Appearance<\/strong> then <strong>Customize<\/strong> in the navigation menu.<\/li>\n\n\n\n<li>Click the <strong>Background<\/strong> tab.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"645\" class=\"wp-image-69525\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/background-customizer.png\" alt=\"Change the Site Background with the BoldGrid Customizer\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/background-customizer.png 448w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/background-customizer-300x258.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>You will then be able to customize the background of your site. The site will update in real-time, so you can preview the change. Below is a description of the available options:<br><br><strong>\u2022 Image<\/strong> \u2013 Click this button to use an image for your website background.<br><strong>\u2022 Pattern &amp; Color<\/strong> \u2013 Select this button to choose a pattern, or color as the background, instead of an image.<\/li>\n\n\n\n<li>If you select a background image or already have one loaded you will see the following options appear. Click the <strong>Publish<\/strong> button once you have made changes.<br><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Option<\/strong><\/td><td><strong>Description<\/strong><\/td><\/tr><tr><td>Background Image<\/td><td>This section gives you options to Remove or Change your background image.<\/td><\/tr><tr><td>Background Effects<\/td><td>Here you can choose if you want the background image to be Fixed, Scroll, or use a Parallax effect.<\/td><\/tr><tr><td>Background Image Size<\/td><td>Select how you want the background image size to display. Options are Cover Page, Scaled to Fit, Full Width, Full Height, Default, or Do Not Resize.<\/td><\/tr><tr><td>Horizontal Background Position<\/td><td>Use the available slider to move the background image Left, or Right.<\/td><\/tr><tr><td>Vertical Background Position<\/td><td>Use the available slider to move the background image Up, or Down<\/td><\/tr><tr><td>Background Repeat<\/td><td>Select how you want the background image size to display. Options are No Repeat, Tile, Tile Horizontally, or Tile Vertically.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"fonts\">Customize Fonts<\/h2>\n\n\n\n<p>The Fonts tab of the BoldGrid Customizer is where you can choose the specific font and size for the text. Each area can have a different setting which can add a nice custom touch.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using the Fonts Tab in the BoldGrid Customizer<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Click <strong>Appearance<\/strong> then <strong>Customize<\/strong> in the navigation menu.<\/li>\n\n\n\n<li>Click the <strong>Fonts<\/strong> tab.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"879\" class=\"wp-image-69528\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/fonts-customizer.png\" alt=\"Modify your Fonts with the BoldGrid Customizer\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/fonts-customizer.png 378w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/fonts-customizer-256x300.png 256w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>Select the area where you want to modify the Font. Options are <strong>Menus<\/strong>, <strong>Headings<\/strong>, <strong>Subheadings<\/strong>, and <strong>Main Text<\/strong>.<\/li>\n\n\n\n<li>You can then choose from the following options. Click the <strong>Publish<\/strong> button to save any changes.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Option<\/strong><\/td><td><strong>Description<\/strong><\/td><\/tr><tr><td>Font Family<\/td><td>This is where you can choose the specific font for this section. It will show you examples of the text.<\/td><\/tr><tr><td>Font Size<\/td><td>Select how large or small you want the text to be.<\/td><\/tr><tr><td>Line Height<\/td><td>Adjusting this modifies the spacing between lines of text.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"menus\">Customize Menus<\/h2>\n\n\n\n<p>The Menus tab allows you to adjust the menus and their location on your website. From here you can also create new menus, or remove existing ones.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using the Menus Tab in the BoldGrid Customizer<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Click <strong>Appearance<\/strong> then <strong>Customize<\/strong> in the navigation menu.<\/li>\n\n\n\n<li>Click the <strong>Menus<\/strong> tab.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"623\" class=\"wp-image-69529\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/menus-customizer.png\" alt=\"Changing your BoldGrid Menus\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/menus-customizer.png 383w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/menus-customizer-300x249.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>You will then see a list of your menus as well as the <em>Menu Locations<\/em> option. This will differ based on the specific theme you are using. Below is a brief description of the available options on the <em>Menus<\/em> tab. Click the <strong>Publish<\/strong> button once you have made your selections.<br><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Option<\/strong><\/td><td><strong>Description<\/strong><\/td><\/tr><tr><td>Your Menus<\/td><td>You will see your existing menus listed here. Clicking a menu item allows you to modify it. You can also Add Items, Reorder, or select a new location for the menu to display.<\/td><\/tr><tr><td>Menu Locations<\/td><td>When you click this option, you will see a list of available menu locations. Clicking the drop-down box allows you to choose which menu appears in that location.<\/td><\/tr><tr><td>Create New Menu<\/td><td>Clicking this option allows you to easily create a new Menu option.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"widgets\">Customize Widgets<\/h2>\n\n\n\n<p>We will now give you an overview of the <em>Widgets<\/em> tab in the BoldGrid Customizer. Here you can modify the widget areas of the BoldGrid Theme you are using. This is helpful when updating the contact details of your site, removing the attribution links, or adjusting the footer to suit your needs.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using the Widgets Tab in the BoldGrid Customizer<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Click <strong>Appearance<\/strong> then <strong>Customize<\/strong> in the navigation menu.<\/li>\n\n\n\n<li>Click the <strong>Widgets<\/strong> tab.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"512\" class=\"wp-image-69532\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/widgets-customer.png\" alt=\"Modify your Site Widgets in BoldGrid\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/widgets-customer.png 384w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/widgets-customer-300x205.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>You will then see a list of available widget areas in your theme (these will differ based on the specific theme you are using). Typical widget areas are Above Site Title, Below Site Title, and Footer. You can roll your mouse over the widget areas to see where they are located on the page.<\/li>\n\n\n\n<li>Click on a widget area to see what widgets are installed there. Click the <strong>Reorder<\/strong> button to change how the Widgets are displayed in that Area. You can also click the<strong> Add a Widget<\/strong> button to add a new widget to that area.<\/li>\n\n\n\n<li>Click the <strong>Header Widgets<\/strong> button to choose how many widgets you want to be displayed in your header or enter Custom Header HTML.<\/li>\n\n\n\n<li>Click the <strong>Footer Widgets<\/strong> button to access the following settings. Be sure to click the <strong>Publish<\/strong> button, once you have made your selections.<br><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Footer Setting<\/strong><\/td><td><strong>Description<\/strong><\/td><\/tr><tr><td>Enable Footer<\/td><td>Toggle this option Off to remove the Footer.<\/td><\/tr><tr><td>Contact Details<\/td><td>Each text box can contain various contact information. Click to edit the text. You can also click the Add new Contact Block button to include additional information.<\/td><\/tr><tr><td>Attribution Control<\/td><td>Check the boxes to hide attributions, or special thanks links.<\/td><\/tr><tr><td>Footer Widget Columns<\/td><td>Here you can set how many widget columns to display.<\/td><\/tr><tr><td>Continue to Widgets Section<\/td><td>Click this button to visit the Widgets tab documented above.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"advanced\">Advanced Customize Options<\/h2>\n\n\n\n<p>We will now give you an overview of the Advanced tab in the BoldGrid Customizer. This tab allows you to modify many things such as the header and footer of the BoldGrid Theme you are using. You can also set a static homepage, and add custom JS &amp; CSS here.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Using the Advanced Tab in the BoldGrid Customizer<\/h3>\n\n\n\n<ol class=\"article_list wp-block-list\">\n<li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Login to your WordPress Dashboard<\/a>.<\/li>\n\n\n\n<li>Click <strong>Appearance<\/strong> then <strong>Customize<\/strong> in the navigation menu.<\/li>\n\n\n\n<li>Click the <strong>Advanced<\/strong> tab.<br><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"535\" class=\"wp-image-69524\" style=\"width: 750px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/advanced-customizer-tab.png\" alt=\"Accessing the Advanced Customizer Tab\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/advanced-customizer-tab.png 383w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/advanced-customizer-tab-300x214.png 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/li>\n\n\n\n<li>From there you will have several advanced options listed, click them to make changes. Below is a description of the available options, click the <strong>Publish<\/strong> button after making your selections.<br><\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-table is-style-stripes\"><table><tbody><tr><td><strong>Option<\/strong><\/td><td><strong>Description<\/strong><\/td><\/tr><tr><td>Homepage Settings<\/td><td>Here you can choose if you want to display a static page, or your latest posts on your front page (home page). You can also choose which Front or Posts page you want to display.<\/td><\/tr><tr><td>Header Settings<\/td><td>Choose how many widgets you want displayed in your header. You can also enter Custom Header HTML here.<\/td><\/tr><tr><td>Footer Settings<\/td><td>Here you can choose to turn the header on or off, set how many Footer Widget Columns, or enter Custom Footer HTML.<\/td><\/tr><tr><td>Custom JS &amp; CSS<\/td><td>This menu tab lets you enter Custom Theme CSS, or Custom Theme Javascript.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Now you know how to use the BoldGrid Customizer to update the look and style of your WordPress site. Visit the <a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/\">BoldGrid<\/a> section of the <a href=\"https:\/\/www.inmotionhosting.com\/support\/\">Support Center<\/a> for more helpful guides.<\/p>\n\n\n<!-- Shortcode [imw] does not match the conditions -->\n","protected":false},"excerpt":{"rendered":"<p>When you\u2019re building a website, BoldGrid is a WordPress website builder that can help you get started with example content and many custom themes. Then the BoldGrid Customizer lets you easily update the website design to fit your needs.\u00a0 Quickly change the colors, background image, or add a custom logo. If you need more menus<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/\"> Read More ><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[525],"tags":[],"class_list":["post-69534","post","type-post","status-publish","format-standard","hentry","category-boldgrid"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use the BoldGrid Customizer | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Learn how to use the BoldGrid Customizer to create a custom WordPress website for your business or blog. Quickly add a logo, custom colors, and more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use the BoldGrid Customizer | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Learn how to use the BoldGrid Customizer to create a custom WordPress website for your business or blog. Quickly add a logo, custom colors, and more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-09T15:33:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-09T15:30:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5fbfcaed32a2672fb83ab312f5b7237b\"},\"headline\":\"How to Use the BoldGrid Customizer\",\"datePublished\":\"2021-03-09T15:33:06+00:00\",\"dateModified\":\"2023-08-09T15:30:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/\"},\"wordCount\":1703,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer-1024x538.jpg\",\"articleSection\":[\"BoldGrid\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/\",\"name\":\"How to Use the BoldGrid Customizer | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer-1024x538.jpg\",\"datePublished\":\"2021-03-09T15:33:06+00:00\",\"dateModified\":\"2023-08-09T15:30:09+00:00\",\"description\":\"Learn how to use the BoldGrid Customizer to create a custom WordPress website for your business or blog. Quickly add a logo, custom colors, and more.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Learn How to Use the BoldGrid Customizer\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use the BoldGrid Customizer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5fbfcaed32a2672fb83ab312f5b7237b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/john-paul\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use the BoldGrid Customizer | InMotion Hosting","description":"Learn how to use the BoldGrid Customizer to create a custom WordPress website for your business or blog. Quickly add a logo, custom colors, and more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/","og_locale":"en_US","og_type":"article","og_title":"How to Use the BoldGrid Customizer | InMotion Hosting","og_description":"Learn how to use the BoldGrid Customizer to create a custom WordPress website for your business or blog. Quickly add a logo, custom colors, and more.","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2021-03-09T15:33:06+00:00","article_modified_time":"2023-08-09T15:30:09+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer.jpg","type":"image\/jpeg"}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5fbfcaed32a2672fb83ab312f5b7237b"},"headline":"How to Use the BoldGrid Customizer","datePublished":"2021-03-09T15:33:06+00:00","dateModified":"2023-08-09T15:30:09+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/"},"wordCount":1703,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer-1024x538.jpg","articleSection":["BoldGrid"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/","name":"How to Use the BoldGrid Customizer | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer-1024x538.jpg","datePublished":"2021-03-09T15:33:06+00:00","dateModified":"2023-08-09T15:30:09+00:00","description":"Learn how to use the BoldGrid Customizer to create a custom WordPress website for your business or blog. Quickly add a logo, custom colors, and more.","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/03\/How-to-Use-the-BoldGrid-Customizer.jpg","width":1200,"height":630,"caption":"Learn How to Use the BoldGrid Customizer"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/using-the-boldgrid-customizer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Use the BoldGrid Customizer"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5fbfcaed32a2672fb83ab312f5b7237b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/john-paul\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":{"id":525,"name":"BoldGrid","slug":"boldgrid","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/boldgrid\/"},"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/69534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=69534"}],"version-history":[{"count":36,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/69534\/revisions"}],"predecessor-version":[{"id":105992,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/69534\/revisions\/105992"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=69534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=69534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=69534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}