{"id":32,"date":"2024-02-08T04:32:55","date_gmt":"2024-02-08T04:32:55","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/storeflex\/?p=32"},"modified":"2024-08-20T04:50:23","modified_gmt":"2024-08-20T04:50:23","slug":"how-do-i-customise-the-site-identity-of-your-store","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/storeflex\/how-do-i-customise-the-site-identity-of-your-store\/","title":{"rendered":"How to customise the site identity of your store?"},"content":{"rendered":"\n<p>The header and all the other elements it consist of could be one of the most important aspects of any website. Some of the elements, such as the site identity, primary menu, social icons, site mode switches, etc., are some of the most important aspects of increasing the positive side of your SEO and user experience. For any online store, a cart option, information about the store (maybe opening and closing times), and account details are another integral aspect of the website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Check out the video guidance for this section<\/h3>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"StoreFlex: Complete Customization Tutorial Video\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/JaOcPz3Ma9Y?start=544&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">In StoreFlex, you can easily customize site identity as per your preference.<\/h2>\n\n\n\n<p>For that,&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Login to your WordPress dashboard, then head for <strong>Appearance &gt; Customize to<\/strong> go to your customizer.<\/li>\n\n\n\n<li>After you have reached the customizer, look for <strong>header settings <\/strong>in the given customizer on the left side of your screen (<em>right for RTL websites<\/em>).<\/li>\n\n\n\n<li>Then go to the Site<strong> Identity <\/strong>option, which is at the top of the list of options.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Site Title and Tagline<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If you want to give your site a title rather than logo (<em>or want to use both<\/em>) along with tagline, head to <strong>Site Title and Tagline<\/strong> section<\/li>\n\n\n\n<li>Select the text area below the site title text and add your preferred title to the site.<\/li>\n\n\n\n<li>For Tagline, just select the text box below the <strong>Tagline <\/strong>text and add your tagline<\/li>\n\n\n\n<li>If you don\u2019t want to display the site title and tagline, just uncheck the <strong>Display Site Title and Tagline<\/strong> option below the tagline text area.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"539\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Header-Settings_-Site-identity-1024x539.jpg\" alt=\"StoreFlex_ Header Settings_ Site identity\" class=\"wp-image-115\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Header-Settings_-Site-identity-1024x539.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Header-Settings_-Site-identity-300x158.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Header-Settings_-Site-identity-768x404.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Header-Settings_-Site-identity.jpg 1150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Design your Site Title and Tagline<\/h3>\n\n\n\n<p>To design your title and tagline\u2019s typography, select the <strong>Design tab<\/strong> beside the General tab above the <strong>site title <\/strong>text.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>There are two sections for designing your site\u2019s title and taglines: <strong>Font Family <\/strong>and <strong>Font Weight<\/strong><\/li>\n\n\n\n<li>Choose fonts in the <strong>Font Family<\/strong> section from the given options and provide them with your preferred needs.<\/li>\n\n\n\n<li>Do the same for the <strong>Site Tagline Typography <\/strong>section.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"232\" height=\"528\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Header-Settings_-Design-Tab.jpg\" alt=\"Header Settings_ Design Tab\" class=\"wp-image-116\" style=\"width:241px;height:auto\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Header-Settings_-Design-Tab.jpg 232w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Header-Settings_-Design-Tab-132x300.jpg 132w\" sizes=\"auto, (max-width: 232px) 100vw, 232px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Choose your logo!<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the <strong>Logo and Site Icon <\/strong>section below.<\/li>\n\n\n\n<li>To add your logo to the header, choose the <strong>Select Logo<\/strong> button under logo.<\/li>\n\n\n\n<li>And then upload your <strong>logo <\/strong>(<em>make sure you have it in your media files or hard drive<\/em>).<\/li>\n\n\n\n<li>Adjust your logo\u2019s width with the slider below <strong>Select Logo<\/strong> button<\/li>\n\n\n\n<li>Check if the logo is placed or not from the live preview<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"539\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Header-Settings_-Logo-and-Site-Icon-1024x539.jpg\" alt=\"StoreFlex_ Header Settings_ Logo and Site Icon\" class=\"wp-image-117\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Header-Settings_-Logo-and-Site-Icon-1024x539.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Header-Settings_-Logo-and-Site-Icon-300x158.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Header-Settings_-Logo-and-Site-Icon-768x404.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/StoreFlex_-Header-Settings_-Logo-and-Site-Icon.jpg 1150w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Favicon<\/h3>\n\n\n\n<p>A small icon that is shown in the tabs of your browser (<em>also known as a site icon)<\/em>. It helps the user recognize that your website\u2019s tab is open in their browser. Some of the users also recognize the site icon or favicon as a signal for the authenticity of the website. Therefore, it is wise to add site icon for your site<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Below the site title and tagline options, select the <strong>Select Site Icon <\/strong>button.<\/li>\n\n\n\n<li>Upload your <strong>favicon <\/strong>from your computer\u2019s hard drive or media files. (<em>Recommended size: 512 x 512 px<\/em>)<\/li>\n<\/ul>\n\n\n\n<p>After you are done with the customizations, make sure to publish your changes by clicking on the <strong>Publish <\/strong>button.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The header and all the other elements it consist of could be one of the most important aspects of any website. Some of the elements, such as the site identity, primary menu, social icons, site mode switches, etc., are some of the most important aspects of increasing the positive side of your SEO and user [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-32","post","type-post","status-publish","format-standard","hentry","category-header-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":6,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/32\/revisions"}],"predecessor-version":[{"id":288,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/32\/revisions\/288"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/media?parent=32"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/categories?post=32"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/tags?post=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}