{"id":13520,"date":"2023-05-06T04:28:11","date_gmt":"2023-05-06T08:28:11","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13520"},"modified":"2023-05-21T13:17:03","modified_gmt":"2023-05-21T17:17:03","slug":"how-do-i-make-my-folder-icons-full-size","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/how-do-i-make-my-folder-icons-full-size\/","title":{"rendered":"Layouts 4 \/ 6&#8230; Make Folder icons full size"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Use the code below to make full size Folder icons.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2018\/08\/knowledgebase_folder_icons_01.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2018\/08\/knowledgebase_folder_icons_01.jpg\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2018\/08\/knowledgebase_folder_icons_02.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2018\/08\/knowledgebase_folder_icons_02.jpg\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)<\/strong>&nbsp;Log into your App Manager and&nbsp;<strong>select your app<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2)<\/strong>&nbsp;Click&nbsp;<strong>Colors<\/strong>&nbsp;from the left-hand-side of the screen (or the middle of the screen).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3)<\/strong>&nbsp;Scroll down to the&nbsp;<strong>Advanced SCSS box<\/strong>.&nbsp;If there is already code in the advanced SCSS box, do not remove it.&nbsp;Start a new line \u201cafter\u201d the last character in the box, then paste the below code.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">LAYOUT 4<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*** BEGIN: LAYOUT 2 - FOLDER ICONS FULL SIZE\u00a0***\/\n.folder-layout.folder-l2 .folder-l2-row div.folder-l2-col {\nbackground-size: cover !important;\n}\n\/*** END: LAYOUT 2 - FOLDER ICONS FULL SIZE\u00a0***\/<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">LAYOUT 6<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*** BEGIN: LAYOUT 6 - FOLDER ICONS FULL SIZE ***\/\n.folder-layout.folder-l6 .folder-l6-row div.folder-l6-col {\nbackground-size: cover !important;\n}\n\/*** END: LAYOUT 6 - FOLDER ICONS FULL SIZE\u00a0***\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)&nbsp;<\/strong>Click&nbsp;<strong>Save<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>NOTE:<\/strong>&nbsp;Change &#8220;l2&#8221; (or &#8220;l6&#8221;) to the layout that you&#8217;re using.&nbsp;Ex: l3, l4, l5, etc.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the code below to make full size Folder icons. 1)&nbsp;Log into your App Manager and&nbsp;select your app. 2)&nbsp;Click&nbsp;Colors&nbsp;from the left-hand-side of the screen (or the middle of the screen). 3)&nbsp;Scroll down to the&nbsp;Advanced SCSS box.&nbsp;If there is already code in the advanced SCSS box, do not remove it.&nbsp;Start a new line \u201cafter\u201d the last character in the box, then paste the below code. LAYOUT 4 LAYOUT 6 4)&nbsp;Click&nbsp;Save. NOTE:&nbsp;Change &#8220;l2&#8221; (or &#8220;l6&#8221;) to the layout that you&#8217;re using.&nbsp;Ex: l3, l4, l5, etc.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13520","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=13520"}],"version-history":[{"count":4,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13520\/revisions"}],"predecessor-version":[{"id":14389,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13520\/revisions\/14389"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13520"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}