{"id":15694,"date":"2018-09-19T10:07:31","date_gmt":"2018-09-19T14:07:31","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=15694"},"modified":"2023-05-09T11:40:03","modified_gmt":"2023-05-09T15:40:03","slug":"working-with-your-site-title-logo-and-tagline-in-boldgrid-crio","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/working-with-your-site-title-logo-and-tagline-in-boldgrid-crio\/","title":{"rendered":"Working with Your Site Title, Logo and Tagline in BoldGrid Crio"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><p>When working with BoldGrid Crio, our <a href=\"https:\/\/www.boldgrid.com\/crio-wordpress-theme-for-business\/\">WordPress theme for business<\/a>, the options used to edit the Site Title, Tagline, Logo, and Icon (Favicon) are found in the WordPress Customizer.<\/p>\n<p>Before starting, you will need to <a href=\"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/customizing-the-header-design-in-boldgrid-crio\/\">create a header design<\/a> that includes each desired element. Be sure to check each one you want to show, even if nothing immediately shows in the Live Preview. You will add the content next.<\/p>\n<h2 id=\"changing-your-site-title\">Changing Your Site Title<\/h2>\n<p>This is the main title for your website, and generally it&rsquo;s the company name. On the homepage this will be your Heading 1 element, which is important for SEO.<\/p>\n<ul>\n<li>In the Dashboard navigate to <b>Appearance<\/b> &rarr; <b>Customize<\/b><\/li>\n<li>In the Customizer menu navigate to <b>Design &rarr; Header &rarr; Site Title<\/b><\/li>\n<\/ul>\n<p>In this section, you have the ability to change the Site Title color, font family, font weight variant if available, font size, and more. If you want to use a different color than what is shown, you will need to <a href=\"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/customizing-the-color-palette\/\">change your color palette.<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27875\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/wordpress-site-title.png\" alt=\"Update WordPress Site Title and Tagline\" width=\"275\" height=\"692\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/wordpress-site-title.png 345w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/wordpress-site-title-119x300.png 119w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/p>\n<h2 id=\"changing-your-tagline\">Changing Your Tagline<\/h2>\n<p>A Tagline is often also known as the &ldquo;call to action&rdquo; within <a href=\"http:\/\/boldgrid.com\/wordpress-themes\/\">WordPress themes<\/a>. It&rsquo;s typically the second line of text after the Site Title. The Tagline is always a Heading 3 element.<\/p>\n<ul>\n<li>In the Dashboard navigate to <b>Appearance<\/b> &rarr; <b>Customize<\/b><\/li>\n<li>In the Customizer menu navigate to <b>Design &rarr; Header&rarr; Tagline<\/b><\/li>\n<\/ul>\n<p>The same options available for the Site Title are available here &ndash; you have the ability to change the color, fonts, and more. If you wish to remove the Tagline, you can select the text and delete it. It is not required for your website. Remember, if you have entered a Tagline but do not see it in the live preview, you will need to add it to your <a href=\"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/customizing-the-header-design-in-boldgrid-crio\/\">header layout<\/a>.<\/p>\n<h2 id=\"changing-your-site-logo\">Changing Your Site Logo<\/h2>\n<p>The site Logo can appear in your header or footer design. The suggested image dimensions are 400 by 100 pixels, and you can crop the image when selected if needed.<\/p>\n<ul>\n<li>In the Customizer menu navigate to <b>Design &rarr; Header&rarr; Logo &amp; Icon<\/b><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-27874\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/site-logo-icon.png\" alt=\"Update WordPress Site Logo and Icon\" width=\"275\" height=\"692\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/site-logo-icon.png 345w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/site-logo-icon-119x300.png 119w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/p>\n<h3 id=\"changing-the-size-of-your-logo\">Changing the Size of Your Logo<\/h3>\n<p><em><strong>Pro Feature<\/strong><\/em><\/p>\n<p>Crio Pro version 1.10.0 includes a control for changing the size of your uploaded logo. You can set up to 4 different widths for responsive screen sizes. Set the width using pixels, ems, or a percentage of the column the logo is in. The auto setting will use the image size uploaded without modification.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-88102\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/logo-width.png\" alt=\"Logo Width Settings\" width=\"328\" height=\"546\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/logo-width.png 328w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/logo-width-180x300.png 180w\" sizes=\"auto, (max-width: 328px) 100vw, 328px\" \/><\/p>\n<p>The responsive device settings will start out linked, meaning the entered width will be used on all screen sizes. Clicking on a device icon will unlink that screen size and it will use an individual setting.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-88103\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2018\/09\/link-all-devices.gif\" alt=\"Logo Width Device Control Linking\" width=\"486\" height=\"239\"><\/p>\n<p>If you&rsquo;re using a Custom Page Header or Footer with an Alternative Logo, you can adjust its size as well using the separate control.<\/p>\n<h2 id=\"changing-your-site-icon--favicon\">Changing Your Site Icon \/ Favicon<\/h2>\n<p>Your site Icon, 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 <b>512 x 512<\/b> pixels to ensure it is clear on high definition devices.<\/p>\n<ul>\n<li>In the Dashboard navigate to <b>Appearance<\/b> &rarr; <b>Customize<\/b><\/li>\n<li>In the Customizer menu navigate to <b>Design &rarr; Header &rarr; Logo &amp; Icon<\/b><\/li>\n<\/ul>\n<p>Congratulations! You now know how to edit your Site Title, Tagline, Logo, and Icon (Favicon). Next, you may want to <a href=\"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/how-to-change-the-header-background-in-boldgrid-crio\/\">change the header background<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>When working with BoldGrid Crio, our WordPress theme for business, the options used to edit the Site Title, Tagline, Logo, and Icon (Favicon) are found in the WordPress Customizer. Before starting, you will need to create a header design that includes each desired element. Be sure to check each one you want to show, even [&hellip;]<\/p>\n","protected":false},"author":529,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"Working with your Site Title, Logo and Tagline in Crio | BoldGrid Crio","bgseo_description":"When working with BoldGrid Crio, the options used to edit your site\u2019s global elements, such as your header, are found within the Customizer screen. This article focuses on the changing the site title, logo and tagline, and icon for your BoldGrid Crio website.","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[573],"tags":[29,185],"class_list":["post-15694","post","type-post","status-publish","format-standard","hentry","category-boldgrid-crio-supertheme-product-guide","tag-customizer","tag-header","feature-type-free","experience-level-getting-started"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15694","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/529"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=15694"}],"version-history":[{"count":10,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15694\/revisions"}],"predecessor-version":[{"id":88104,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/15694\/revisions\/88104"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=15694"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=15694"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=15694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}