Change Your Site Title and Logo in the Customizer | BoldGrid
Last updated on

Having a strong site title is a critical ingredient for making your website great. For business professionals, web designers, or anyone managing a website, formulating a strategic site title can help a site stand out to visitors and provide better search engine results. Whether you are using a site title in the layout of your page, or if you are using this tutorial to add a logo image to your site, the site title will appear in browser tabs and provide an important function in your SEO structure.

Likewise, having a dedicated area for a company logo can be a fitting tribute to your business or brand, and you will see exactly how to accomplish this in the steps below. This is one of the easiest and fastest ways to customize the look and feel of your site and help develop your presence on the Internet. Here is a chance to get creative and tell people what your site is about.

You can easily change your site title and logo at any time within the WordPress Customizer. If you are not already logged into BoldGrid, go ahead and log in now.

  1. CustomizeClick Customize.
  2. Select Site Title & LogoSelect Site Title & Logo.

Optional tagline usedHere you can update your Site Title and Tagline in their respective fields. The tagline is a brief, optional description of what your site is about.

Switch on custom fontProceeding down, you will see Custom Font options. Switch the slider button on to activate the Custom Font menu. You can choose from a wide variety of different fonts and control style options, these options are discussed below. Click through some of these options until you get a look you like.


Custom Font05-custom-fontEdit the size and font type of the title as well as capitalization or decoration.You can change things such as font type and size.

You can also modify the way the font is presented, such as all caps, all lower case, or normal capitalization. The title can be decorated with an underline, overline, or strikethrough. This decoration can also be applied to only appear when the mouse cursor hovers over the title.

Position06-positionChange the margin and spacing configurations. You can modify the margins for top, bottom, or sides.

You can also change the distance between lines with line height or between letters with letter spacing.

Custom Shadow07-custom-shadow Set up a shadow for your title text. You can add and configure the shadow horizontally or vertically as well as set the shadow’s color.

Adding a Site Logo

You are not required to use only text in your header. You can easily select a logo image from your Media Library.

  1. Add your logoScroll down to the Site Logo section.
  2. Select your imageClick Select Image.
  3. Upload filesIf you have not already uploaded your logo, click Upload Files.
  4. Select your logoOnce you have uploaded your image, select it from the Media Library.
  5. Crop the imageCrop the image to full dimensions.
  6. Or, you can skip croppingAlternatively, you can click Skip Cropping.
  7. Adjust logo sizeAdjust Logo Size to your desired specifications by moving the slider up or down.

You will notice the logo image has replaced the site title.

How to Use a Site Icon

The site icon, also known as a favicon, will be the official “app icon” for your site. This icon will appear in the browser window, on bookmarks (depending on browser configuration), and only needs to be sized at least 512 pixels wide and tall. If your image is large than 512 pixels, don’t worry, it will be resized to fit.

Save & PublishMake sure to click Save & Publish when you are done editing.

Now you know how to change your site title and logo. From here, you can proceed to learning how to customize colors in the WordPress customizer with new features from the BoldGrid site builder.




   200+ Design Templates + 1 Kick-ass SuperTheme
   6 WordPress Plugins + 2 Essential Services

Everything you need to build and manage WordPress websites in one Central place.

3 thoughts on “Change Site Title & Logo in WordPress Customizer

    • Hi Melaney-
      The size adjustment bar is currently only in the BoldGrid Version 1 Themes, so if you’re using Crio it is not there. There is currently a feature request to add this control back into the framework. In the meantime, you can use Custom CSS to resize it. Navigate to Customize > CSS/JS Editor and paste the following code into your CSS code field:

      .custom-logo-link .custom-logo { width: 300px; }

      Then, change the value of 300px to the size you need.

Leave a Reply

Your email address will not be published. Required fields are marked *