Working with your Site Title, Logo and Tagline in Crio | BoldGrid Crio
Last updated on

When working with BoldGrid Crio, the options used to edit your site’s global elements, such as your header, are found within the Customizer screen. This article focuses on the changing the title, logo, tagline, and icon for your BoldGrid Crio website.

Changing your Site Title

  • In the Dashboard navigate to AppearanceCustomize
  • In the Customizer menu navigate to Design → Header → Site Title

In this section, you have the ability to change the Site Title color, font family, and font size independently.

Changing your Site Tagline

A Site Tagline is often also known as the “call to action” within WordPress themes. It’s typically the second line of text after the website title itself, located within the header.

  • In the Dashboard navigate to AppearanceCustomize
  • In the Customizer menu navigate to Design → Header→ Tagline

In this section, you have the ability to change the Tagline color, font family, and font size to meet your needs. If you wish to remove the Tagline, you can select the text and delete it.

Changing your Site Logo

  • In the Customizer menu navigate to Design → Header→ Site Logo

In this section, you have the ability to change your Site Logo.

Changing your Site Icon

Your Site Icons, or Favicon, is what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. The aspect ratio should be 1:1, and at least 512 x 512 pixels to ensure it is clear on high definition devices.

  • In the Dashboard navigate to AppearanceCustomize
  • In the Customizer menu navigate to Design → Header → Logo & Icon

Congratulations! You now know how to edit your Site Title or replace it with your logo, favicon and your Tagline. Next, you may want to create a header layout or change the header background.

 

SIGNUP FOR

BOLDGRID CENTRAL  

   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.

10 thoughts on “Working with your Site Title, Logo and Tagline in BoldGrid Crio

  1. Hi. I uploaded and inserted a logo image but in the page does not show the logo, it just shows the Site Title. Is there a way to fix this?

    • Hi Fran-
      It’s possible that you might not have the logo option checked in your site branding section. Navigate to Customize > Design > Header > Layout and check your branding section for the Logo checkbox:
      Enable Logo display in Crio

  2. Hello, I am using the Crio theme. I have 2 menus in my header – social, then primary underneath. When I insert my logo (size 200 x 100 pixels) it pushes down the primary menu leaving a gap between the two menus, which I do not want. Is there a way to fix this?

    • Hi Dale-
      You can fix this with a little bit of custom CSS. Navigate to Customize > CSS/JS Editor and paste the following code into the CSS Code field:

      @media only screen and (min-width : 992px) { 
      	#social-wrap { margin-top: -50px; }
      }
      @media only screen and (max-width : 767px) {
      	#social-wrap { margin-top: -50px; }
      }

      I tested this out with a logo 200×100 pixels, if you change the height of your image you may need to adjust the -50px value.

      • Thank you Jesse! I inserted the code and the social menu is pushed up to the top of the screen in line with the logo, which is great. But the primary menu is still placed below the level of the logo. What code could I use to position the primary menu more specifically in line with the logo, underneath the social menu.

  3. Hello,
    My logo is sized at the full width of the header and there seems to be no way to reduce the logo size. Can you please advise? There is a slider bar to choose the logo size in the regular BoldGrid program. This should be implemented into Crio.

    Also, I would like my header to look like this all on the same line:
    Primary Menu – Logo – Social Menu

    How do I move the elements so that they appear in this order?

    • Hello Megan,
      Thank you for this idea. I think the ability to resize the logo was a very useful feature in older BoldGrid Themes, so I created a feature request for our developers to include this in a future update.

      In the meantime, you can scale down the size of your logo in your WordPress Media Library. Navigate to Media -> Library, locate your logo, and click on the Edit Image button below the image. From there, you’ll see the Scale Image section to the right side of the screen.
      The Scale Image menu in the WordPress Media Library

      In order to arrange your header with three columns, you can accomplish this by adding your Primary Menu, Site Branding, and Social Menu widgets as seen in this screenshot. Note the location of the Full Width option:
      Three Column Full-Width Header

  4. Hi. I’m using the Resolve theme. I deleted my Site Title and put in a logo image. The problem is there is a “white bar” still on the screen near my logo. Is there a way to delete or remove this white bar, which was just above the site title?
    Thanks, eager to move forward.

    • Hi Roberto-
      The white line above your site title or logo can be removed using your Customize -> Advanced -> Custom JS & CSS in a couple of different ways. If you want to get rid of the line, along with the space that it provides, you can use this CSS rule:
      .line-lg { display: none; }
      If you only want to get rid of the line, but keep the space, you can use this:
      .line-lg { border: none !important; }

Leave a Reply

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