{"id":717,"date":"2026-06-10T03:26:03","date_gmt":"2026-06-10T03:26:03","guid":{"rendered":"https:\/\/docs.wpinterface.com\/?p=717"},"modified":"2026-06-10T03:26:03","modified_gmt":"2026-06-10T03:26:03","slug":"site-identity-logo-guide","status":"publish","type":"post","link":"https:\/\/docs.wpinterface.com\/site-identity-logo-guide\/","title":{"rendered":"Site Identity &#038; Logo Guide"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Our theme makes it simple to establish your brand identity right at the top of your website. You can easily upload your logo, configure a retina-ready version, and control the display of your site title and tagline.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Accessing Site Identity Settings<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To set up your logo and site title, navigate to <strong>Appearance \u2192 Customize<\/strong> in your WordPress dashboard, then go to <strong>Site Identity<\/strong>.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">1. Uploading Your Logo<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click on the <strong>Select logo<\/strong> button under the <strong>Logo<\/strong> setting.<\/li>\n\n\n\n<li>Choose an image from your Media Library or upload a new one.<\/li>\n<\/ol>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Tip: For the best results, use a <code>.png<\/code> with a transparent background, or an <code>.svg<\/code> file if your site allows it.<\/em><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Retina Logo<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you uploaded a standard image (like a PNG or JPG), you will see an option for a <strong>Retina Logo<\/strong>.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>To ensure your logo looks perfectly crisp on high-resolution displays (like modern MacBooks or smartphones), upload a version of your logo that is <strong>exactly 2x the size<\/strong> of your standard logo here.<\/li>\n\n\n\n<li><em>(Note: If your primary logo is an SVG file, you do not need to upload a Retina Logo, as SVGs scale infinitely without losing quality).<\/em><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">2. Logo Sizing and Spacing<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once your logo is uploaded, you can fine-tune how it fits into your header.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Logo Height<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <strong>Logo Height<\/strong> slider to adjust the maximum height of your logo image (in pixels). The width will scale proportionally automatically.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><em>Responsive Tip:<\/em> Click the Desktop, Tablet, or Mobile icons next to the slider to set different logo sizes for different devices.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Logo Margin<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you need more breathing room around your logo, use the <strong>Logo Margin<\/strong> controls. You can add specific spacing (in pixels) to the Top, Bottom, Left, or Right of the image. Negative values are also allowed if you need to pull the logo closer to an edge.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">3. Site Title and Tagline<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If you don&#8217;t have a graphic logo, or if you want to display text alongside your logo, you can manage that here.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Site Title:<\/strong> The primary name of your website.<\/li>\n\n\n\n<li><strong>Tagline:<\/strong> A short description or catchphrase for your business.<\/li>\n\n\n\n<li><strong>Display Tagline:<\/strong> Toggle this switch to show or hide the tagline beneath your site title (or logo).<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Typography<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">To change how your Site Title text looks:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ensure you do not have an image logo uploaded (the text title will display instead).<\/li>\n\n\n\n<li>Open the <strong>Typography<\/strong> section.<\/li>\n\n\n\n<li>Use the <strong>Site Title Font Size<\/strong> slider to adjust the text size. You can set different sizes for Desktop, Tablet, and Mobile.<\/li>\n<\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Saving Your Changes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Once your logo looks perfect, click the blue <strong>Publish<\/strong> button at the top of the Customizer to save your settings to the live site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our theme makes it simple to establish your brand identity right at the top of your website. You can easily upload your logo, configure a retina-ready version, and control the display of your site title and tagline. Accessing Site Identity Settings To set up your logo and site title, navigate to Appearance \u2192 Customize in &hellip; <a href=\"https:\/\/docs.wpinterface.com\/site-identity-logo-guide\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Site Identity &#038; Logo Guide<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[21],"class_list":["post-717","post","type-post","status-publish","format-standard","hentry","category-general","tag-business-interface"],"_links":{"self":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/comments?post=717"}],"version-history":[{"count":1,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/717\/revisions"}],"predecessor-version":[{"id":718,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/posts\/717\/revisions\/718"}],"wp:attachment":[{"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/media?parent=717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/categories?post=717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.wpinterface.com\/wp-json\/wp\/v2\/tags?post=717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}