How to Use the BoldGrid Customizer

Learn How to Use the BoldGrid Customizer

When you’re 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. 

Quickly change the colors, background image, or add a custom logo. If you need more menus or widgets it can all be done with the BoldGrid Customizer.

In this guide, we’ll show you how to use the BoldGrid Customizer to create a site that’s perfect for your business or blog.

Free WordPress Website Transfers

If you’re having trouble with your WordPress host, then check out InMotion’s WordPress Hosting Solutions. We provide secure, optimized servers that are priced to meet your budget needs!

check markFree WordPress Website Transfers check markFree SSLs check markUnlimited Bandwidth

View WordPress Hosting Plans

This guide is only for standard BoldGrid themes and will not work with Premium BoldGrid Crio themes since they have enhanced features and options.

In this section, we’ll give you an overview of the Site Title & 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).

Using the Site Title & Logo tab in the BoldGrid Customizer

  1. Login to your WordPress Dashboard.
  2. Click Appearance then Customize in the navigation menu.
    Accessing the BoldGrid Customizer
  3. Click the Site Title & Logo tab.
    Updating your Site Title & Logo with the BoldGrid Customizer
    You will then be able to customize your site. Below is a brief description of the available options. Click the Publish button once you have made your selections.
OptionDescription
Site TitleEnter a Site title here, for it to display on the top of the page.
TaglineThe text you enter here will display below the Site Title.
Custom FontClick this option to modify the Font style and size.
PositionClick this button to modify the location of the Site Title and tagline. This is done by creating margins, and adding spacing to letters.
Custom ShadowClick this button to customize the shadows of the Site title & Tagline.
Site LogoClick the Select File button to upload a custom Logo. Notice: This will replace the Site Title.
Site IconClick the Select File button to upload a custom site Icon, also known as a favicon.

Customize Colors

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

Changing your Color Palettes

  1. Login to your WordPress Dashboard.
  2. Click Appearance then Customize in the navigation menu.
  3. Click on the Colors tab.
    Updates Colors in the BoldGrid Customizer
  4. 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 Publish button to activate them.
OptionDescription
Active PaletteHere you will see several pre-made color combinations, called palettes. Click on a palette to change your site to that specific one.
Suggest PalettesClicking here will design other custom palettes you can select from.
Saved PalettesA 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.

Customize Background

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.

Using the Background Tab in the BoldGrid Customizer

  1. Login to your WordPress Dashboard.
  2. Click Appearance then Customize in the navigation menu.
  3. Click the Background tab.
    Change the Site Background with the BoldGrid Customizer
  4. 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:

    •Image – Click this button to use an image for your website background.
    •Pattern & Color – Select this button to choose a pattern, or color as the background, instead of an image.
  5. If you select a background image or already have one loaded you will see the following options appear. Click the Publish button once you have made changes.
OptionDescription
Background ImageThis section gives you options to Remove or Change your background image.
Background EffectsHere you can choose if you want the background image to be Fixed, Scroll, or use a Parallax effect.
Background Image SizeSelect 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.
Horizontal Background PositionUse the available slider to move the background image Left, or Right.
Vertical Background PositionUse the available slider to move the background image Up, or Down
Background RepeatSelect how you want the background image size to display. Options are No Repeat, Tile, Tile Horizontally, or Tile Vertically.

Customize Fonts

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.

Using the Fonts Tab in the BoldGrid Customizer

  1. Login to your WordPress Dashboard.
  2. Click Appearance then Customize in the navigation menu.
  3. Click the Fonts tab.
    Modify your Fonts with the BoldGrid Customizer
  4. Select the area where you want to modify the Font. Options are Menus, Headings, Subheadings, and Main Text.
  5.  You can then choose from the following options. Click the Publish button to save any changes
OptionDescription
Font FamilyThis is where you can choose the specific font for this section. It will show you examples of the text.
Font SizeSelect how large or small you want the text to be.
Line HeightAdjusting this modifies the spacing between lines of text.

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.

Using the Menus Tab in the BoldGrid Customizer

  1. Login to your WordPress Dashboard.
  2. Click Appearance then Customize in the navigation menu.
  3. Click the Menus tab.
    Changing your BoldGrid Menus
  4. You will then see a list of your menus as well as the Menu Locations option. This will differ based on the specific theme you are using. Below is a brief description of the available options on the Menus tab. Click the Publish button once you have made your selections.
OptionDescription
Your MenusYou 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.
Menu LocationsWhen 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.
Create New MenuClicking this option allows you to easily create a new Menu option.

Customize Widgets

We will now give you an overview of the Widgets 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.

Using the Widgets Tab in the BoldGrid Customizer

  1. Login to your WordPress Dashboard.
  2. Click Appearance then Customize in the navigation menu.
  3. Click the Widgets tab.
    Modify your Site Widgets in BoldGrid
  4. 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.
  5. Click on a widget area to see what widgets are installed there. Click the Reorder button to change how the Widgets are displayed in that Area. You can also click the Add a Widget button to add a new widget to that area.
  6. Click the Header Widgets button to choose how many widgets you want to be displayed in your header or enter Custom Header HTML.
  7. Click the Footer Widgets button to access the following settings. Be sure to click the Publish button, once you have made your selections.
Footer SettingDescription
Enable FooterToggle this option Off to remove the Footer.
Contact DetailsEach 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.
Attribution ControlCheck the boxes to hide attributions, or special thanks links.
Footer Widget ColumnsHere you can set how many widget columns to display.
Continue to Widgets SectionClick this button to visit the Widgets tab documented above.

Advanced Customize Options

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 & CSS here.

Using the Advanced Tab in the BoldGrid Customizer

  1. Login to your WordPress Dashboard.
  2. Click Appearance then Customize in the navigation menu.
  3. Click the Advanced tab.
    Accessing the Advanced Customizer Tab
  4. From there you will have several advanced options listed, click them to make changes. Below is a description of the available options, click the Publish button after making your selections.
OptionDescription
Homepage SettingsHere 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.
Header SettingsChoose how many widgets you want displayed in your header. You can also enter Custom Header HTML here.
Footer SettingsHere you can choose to turn the header on or off, set how many Footer Widget Columns, or enter Custom Footer HTML.
Custom JS & CSSThis menu tab lets you enter Custom Theme CSS, or Custom Theme Javascript.

Now you know how to use the BoldGrid Customizer to update the look and style of your WordPress site. Visit the BoldGrid section of the Support Center for more helpful guides.

Learn more tips and tricks about WordPress backups to protect your website from risks!

JB
John-Paul Briones Content Writer II

John-Paul is an Electronics Engineer that spent most of his career in IT. He has been a Technical Writer for InMotion since 2013.

More Articles by John-Paul

Comments

It looks like this article doesn't have any comments yet - you can be the first. If you have any comments or questions, start the conversation!

Was this article helpful? Let us know!