{"id":31,"date":"2017-05-08T10:59:11","date_gmt":"2017-05-08T10:59:11","guid":{"rendered":"https:\/\/rockythemes.com\/documentation\/?p=31"},"modified":"2022-01-24T15:48:06","modified_gmt":"2022-01-24T15:48:06","slug":"customizing-the-logo","status":"publish","type":"post","link":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/","title":{"rendered":"Customizing the Logo"},"content":{"rendered":"

After installing Creativo and importing one of the available templates, you can upload and use your own logo. Presuming you have imported the Blogger template, let’s go and change the default logo of your site.<\/p>\n

\"\"<\/a><\/p>\n

As you can see, by default the Blogger template will generate a Text Logo<\/strong> and a tagline below it based on the Site Title<\/strong> and Tagline text<\/strong> entered under Settings -> General<\/strong>.<\/p>\n

Head on to Settings -> General<\/b> and change the Site Title<\/strong> and Tagline<\/strong> with the text you want to use.<\/p>\n

\"\"<\/p>\n

Customizing the Text Logo Appearance<\/h2>\n

To change the Font Family<\/b> of the text logo go to Creativo -> Theme Options -> Typography -> Google Fonts Settings -> Select Logo and Tagline Font Family<\/b><\/p>\n

Select the Font Family you want to use for the Text Logo and Tagline.<\/p>\n

Head to Creativo -> Theme Options -> Logo Favicon<\/b> to change the appearance of the Text Logo and Tagline.<\/p>\n

On the Logo Favicon section, scroll down until you find the Text Logo<\/b> options:<\/p>\n

\"\"<\/p>\n

You can select the HTML Tag<\/b> that will be used for your Text Logo – possible optins are: H1, H2, H3, H4, H5.<\/p>\n

Change the Text Logo font size using the slider under Text Logo Font Size (px) <\/b>option.<\/p>\n

Still here you can select the Color for the Text Logo<\/b> both on normal and hover state.<\/p>\n

The Tagline can be enabled or disabled and can also have a custom font size, in pixles.<\/p>\n

Once you are satisfied with the customization, click on Save All Changes<\/b> button.<\/p>\n

Uploading and Using an Image Logo<\/h2>\n

If you don’t want to use a Text Logo, you can upload your own graphical image.<\/p>\n

Go to Creativo -> Theme Options -> Logo Favicon -> Logo<\/b> field and upload your image here.<\/p>\n

\"\"<\/p>\n

Use the Retina Logo<\/b> option to upload a retina version of your Logo – remember to make your Retina logo twice the size of your normal logo.<\/p>\n

For example if your normal logo is: 175×35, your retina logo should be: 360×70 pixels.<\/p>\n

Always remember to not make your logo too big, instead try limiting the width and height of your logo to a decent size – after all this is the first image that will be loaded on your site and if it’s too big, it will take a lot longer to load your site.<\/p>\n

When using an Image Logo, the Tagline of your site will be ignored – taglines will only appear if a Text Logo is being used.<\/p>\n

You can switch anytime to a Text Logo, by removing the current Image Logo.<\/p>\n

Transparent Header Logo<\/h2>\n

You can also set a Transparent Header Logo that will be used on pages or Posts that are using the Transparent Header option – this option can be enabled individually for each Post or Page that you create or can be turned on for all available Pages and Posts by going to Creativo -> Theme Options -> Header Top -> Header Customization -> Transparent Header<\/strong>. We suggest to not use the Transparent Header for all your content because on some pages or posts it may not work correctly. Use the Individual option instead – read a detailed tutorial on how to use a Transparent Header.<\/p>\n

\"\"<\/p>\n

Spacing the Logo<\/h2>\n

On the Creativo -> Theme Options -> Logo favicon<\/b> section you can control the actual padding (spacing) of your Logo (these settings apply for both the text and the image logos).<\/p>\n

Scroll down until you find the Logo Top Padding<\/b> and Logo Bottom Padding.<\/b><\/p>\n

\"\"<\/p>\n

Play around with these settings if you want to have more spacing above and below your logo.<\/p>\n

The Logo Left Padding<\/b> and Logo Right Padding<\/b> will work the same way, by adding spacing to the left and right of your logo. However since our logo is centered we don’t need to use these settings. These settings would come in handy if the Default Header would be used, not the Modern Header we currently have set for the Blogger template.<\/p>\n","protected":false},"excerpt":{"rendered":"

With Creativo, you can use a Text Logo or an Image Logo.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[69],"tags":[11,15,14,10,12],"class_list":["post-31","post","type-post","status-publish","format-standard","hentry","category-theme-options","tag-changing-the-logo","tag-customize","tag-logo","tag-logo-tutorial","tag-upload-logo"],"yoast_head":"\nCustomizing the Logo – Creativo Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customizing the Logo – Creativo Documentation\" \/>\n<meta property=\"og:description\" content=\"With Creativo, you can use a Text Logo or an Image Logo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/\" \/>\n<meta property=\"og:site_name\" content=\"Creativo Documentation\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/rockythemes\" \/>\n<meta property=\"article:published_time\" content=\"2017-05-08T10:59:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-24T15:48:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/blogger-logo.jpg\" \/>\n<meta name=\"author\" content=\"rockystef\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@rockythemes\" \/>\n<meta name=\"twitter:site\" content=\"@rockythemes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rockystef\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/\"},\"author\":{\"name\":\"rockystef\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/2834fc1584d086bb31b3a7ff0230858a\"},\"headline\":\"Customizing the Logo\",\"datePublished\":\"2017-05-08T10:59:11+00:00\",\"dateModified\":\"2022-01-24T15:48:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/\"},\"wordCount\":685,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/blogger-logo.jpg\",\"keywords\":[\"changing the logo\",\"customize\",\"logo\",\"logo tutorial\",\"upload logo\"],\"articleSection\":[\"Theme Options\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/\",\"name\":\"Customizing the Logo – Creativo Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/blogger-logo.jpg\",\"datePublished\":\"2017-05-08T10:59:11+00:00\",\"dateModified\":\"2022-01-24T15:48:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/blogger-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/blogger-logo.jpg\",\"width\":1177,\"height\":287},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/customizing-the-logo\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customizing the Logo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/\",\"name\":\"Creativo Documentation\",\"description\":\"Documentation, Tutorials, Tips and Tricks for the Creativo Theme\",\"publisher\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#organization\",\"name\":\"RockyThemes\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/creativo-green.png\",\"contentUrl\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/05\\\/creativo-green.png\",\"width\":228,\"height\":50,\"caption\":\"RockyThemes\"},\"image\":{\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/rockythemes\",\"https:\\\/\\\/x.com\\\/rockythemes\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rockythemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/2834fc1584d086bb31b3a7ff0230858a\",\"name\":\"rockystef\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g\",\"caption\":\"rockystef\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Customizing the Logo – Creativo Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/","og_locale":"en_US","og_type":"article","og_title":"Customizing the Logo – Creativo Documentation","og_description":"With Creativo, you can use a Text Logo or an Image Logo.","og_url":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/","og_site_name":"Creativo Documentation","article_publisher":"https:\/\/facebook.com\/rockythemes","article_published_time":"2017-05-08T10:59:11+00:00","article_modified_time":"2022-01-24T15:48:06+00:00","og_image":[{"url":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/blogger-logo.jpg","type":"","width":"","height":""}],"author":"rockystef","twitter_card":"summary_large_image","twitter_creator":"@rockythemes","twitter_site":"@rockythemes","twitter_misc":{"Written by":"rockystef","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/#article","isPartOf":{"@id":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/"},"author":{"name":"rockystef","@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/person\/2834fc1584d086bb31b3a7ff0230858a"},"headline":"Customizing the Logo","datePublished":"2017-05-08T10:59:11+00:00","dateModified":"2022-01-24T15:48:06+00:00","mainEntityOfPage":{"@id":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/"},"wordCount":685,"commentCount":0,"publisher":{"@id":"https:\/\/rockythemes.com\/documentation\/#organization"},"image":{"@id":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/#primaryimage"},"thumbnailUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/blogger-logo.jpg","keywords":["changing the logo","customize","logo","logo tutorial","upload logo"],"articleSection":["Theme Options"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/","url":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/","name":"Customizing the Logo – Creativo Documentation","isPartOf":{"@id":"https:\/\/rockythemes.com\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/#primaryimage"},"image":{"@id":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/#primaryimage"},"thumbnailUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/blogger-logo.jpg","datePublished":"2017-05-08T10:59:11+00:00","dateModified":"2022-01-24T15:48:06+00:00","breadcrumb":{"@id":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/#primaryimage","url":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/blogger-logo.jpg","contentUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/blogger-logo.jpg","width":1177,"height":287},{"@type":"BreadcrumbList","@id":"https:\/\/rockythemes.com\/documentation\/customizing-the-logo\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rockythemes.com\/documentation\/"},{"@type":"ListItem","position":2,"name":"Customizing the Logo"}]},{"@type":"WebSite","@id":"https:\/\/rockythemes.com\/documentation\/#website","url":"https:\/\/rockythemes.com\/documentation\/","name":"Creativo Documentation","description":"Documentation, Tutorials, Tips and Tricks for the Creativo Theme","publisher":{"@id":"https:\/\/rockythemes.com\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rockythemes.com\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/rockythemes.com\/documentation\/#organization","name":"RockyThemes","url":"https:\/\/rockythemes.com\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/creativo-green.png","contentUrl":"https:\/\/rockythemes.com\/documentation\/wp-content\/uploads\/2017\/05\/creativo-green.png","width":228,"height":50,"caption":"RockyThemes"},"image":{"@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/rockythemes","https:\/\/x.com\/rockythemes"]},{"@type":"Person","@id":"https:\/\/rockythemes.com\/documentation\/#\/schema\/person\/2834fc1584d086bb31b3a7ff0230858a","name":"rockystef","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c8fbbaba854532139a19c852a047aa110992e0051d6e521ec532e7871d245e89?s=96&d=mm&r=g","caption":"rockystef"}}]}},"_links":{"self":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":14,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts\/31\/revisions"}],"predecessor-version":[{"id":501,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/posts\/31\/revisions\/501"}],"wp:attachment":[{"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/media?parent=31"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/categories?post=31"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rockythemes.com\/documentation\/wp-json\/wp\/v2\/tags?post=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}