{"id":76705,"date":"2016-10-10T09:13:40","date_gmt":"2016-10-10T13:13:40","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=76705"},"modified":"2016-10-12T10:18:25","modified_gmt":"2016-10-12T14:18:25","slug":"shopify-change-text-logo-size","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/shopify-change-text-logo-size.html","title":{"rendered":"Shopify. How to change the text logo and its size"},"content":{"rendered":"<p>This tutorial will show you how to change the text logo and its size in Shopify.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/aZmovLHKr3U\"><\/iframe>\r\n<\/div>\r\n<ol>\r\n <li>\r\n <p>Let&#8217;s see how can you change your site text logo. Actually, your Store name is the text logo shown on the website frontend. In order to change it first you need to navigate to the <strong>Settings->General<\/strong> section. Then type the new name of your store to the Name field in the <strong>Store<\/strong> details section and save it.<\/p>\r\n \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/10\/Shopify.-How-to-change-the-text-logo-and-its-size-1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/10\/Shopify.-How-to-change-the-text-logo-and-its-size-1-300x169.jpg\" alt=\"Shopify. How to change the text logo and it&#039;s size-1\" width=\"300\" height=\"169\" class=\"alignnone size-medium wp-image-76707\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Shopify.-How-to-change-the-text-logo-and-its-size-1-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Shopify.-How-to-change-the-text-logo-and-its-size-1-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Shopify.-How-to-change-the-text-logo-and-its-size-1-768x432.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Shopify.-How-to-change-the-text-logo-and-its-size-1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>  \r\n  <\/li>\r\n  <li>\r\n  <p>To change the logo size you need to go to <strong>Online store->Themes<\/strong> section and select the <strong>Edit HTML\/CSS<\/strong> option. Find and open a <strong>style.css.liquid<\/strong> file, approximately on the line 598 you will see the following code:<\/p>\r\n  <pre class=\"brush:css\">\r\n  .logo_main b {display: block;font-weight: bold;font-size: 103px;line-height: 1em;color: {{ settings.heading_font_color }};letter-spacing: -3px;}<\/pre> \r\n  \r\n  <p>Here you need to change the value of the <strong>font-size<\/strong> property.<\/p>\r\n  \r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/10\/Shopify.-How-to-change-the-text-logo-and-its-size-2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/10\/Shopify.-How-to-change-the-text-logo-and-its-size-2-300x169.jpg\" alt=\"Shopify. How to change the text logo and it&#039;s size-2\" width=\"300\" height=\"169\" class=\"alignnone size-medium wp-image-76706\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Shopify.-How-to-change-the-text-logo-and-its-size-2-300x169.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Shopify.-How-to-change-the-text-logo-and-its-size-2-150x84.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Shopify.-How-to-change-the-text-logo-and-its-size-2-768x432.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/10\/Shopify.-How-to-change-the-text-logo-and-its-size-2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>  \r\n  <\/li>\r\n     <\/ol>\r\n<p>Thank you for reading this tutorial. Now you know how to change the text logo and it&#8217;s size in Shopify.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=aZmovLHKr3U?width=1280&amp;height=720\" rel=\"prettyPhoto\">Shopify. How to change the text logo and it&#8217;s size<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to change the text logo and its size in Shopify.<\/p>\n","protected":false},"author":93,"featured_media":76708,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1771],"tags":[525,2419,949,2252,2195,1097],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76705"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/93"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=76705"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/76705\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/76708"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=76705"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=76705"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=76705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}