{"id":9776,"date":"2020-02-17T15:39:10","date_gmt":"2020-02-17T15:39:10","guid":{"rendered":"http:\/\/themenectar.com\/docs\/salient\/?page_id=9776"},"modified":"2020-02-17T15:53:02","modified_gmt":"2020-02-17T15:53:02","slug":"modify-image-sizes","status":"publish","type":"page","link":"https:\/\/themenectar.com\/docs\/salient\/modify-image-sizes\/","title":{"rendered":"Modify image sizes"},"content":{"rendered":"\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div style=\"height:86px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Removing Image Sizes<\/h3>\n<\/div><\/div>\n\n\n\n<p>Removing an image size can be handled through the child theme functions.php file.<\/p>\n\n\n\n<ul><li><strong>Step 1:&nbsp;<\/strong>Open your child theme functions.php (salient-child\/functions.php)<\/li><li><strong>Step 2:&nbsp;<\/strong>Copy the below snippet into the bottom.<\/li><li><strong>Step 3: <\/strong>Uncomment any image sizes you wish to remove from Salient &#8211; you can do so by deleting the &#8220;\/\/&#8221; from the beginning of the image size.<\/li><\/ul>\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:false,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;php&quot;,&quot;mime&quot;:&quot;text\/x-php&quot;,&quot;theme&quot;:&quot;shadowfox&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:false,&quot;lineWrapping&quot;:false,&quot;readOnly&quot;:true,&quot;fileName&quot;:&quot;&quot;,&quot;language&quot;:&quot;PHP&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;php&quot;}\">\n\nadd_action( &#039;after_setup_theme&#039;, &#039;salient_child_remove_image_sizes&#039;, 11 );\n\nfunction salient_child_remove_image_sizes() {\n\t\n\t\/* PORTFOLIO &amp; IMAGE GRID SPECIFIC STYLES *\/\n    \/\/ remove_image_size( &#039;portfolio-widget&#039; ); \n\t\/\/ remove_image_size( &#039;portfolio-thumb_small&#039; ); \n\t\/\/ remove_image_size( &#039;portfolio-thumb_large&#039; );\n\t\/\/ remove_image_size( &#039;regular_small&#039; ); \n\t\/\/ remove_image_size( &#039;regular&#039; ); \n\t\/\/ remove_image_size( &#039;wide_small&#039; );  \n\t\/\/ remove_image_size( &#039;wide&#039; ); \n\t\/\/ remove_image_size( &#039;tall&#039; );\n\t\/\/ remove_image_size( &#039;wide_tall&#039; );\n\t\/\/ remove_image_size( &#039;wide_photography&#039; ); \n\t\n\t\n   \/* GENERAL SIZES *\/\n   \/\/ remove_image_size( &#039;large_featured&#039; ); \n   \/\/ remove_image_size( &#039;medium_featured&#039; );    \n}\n\n<\/pre><\/div>\n\n\n<div style=\"height:86px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Altering image sizes<\/h3>\n\n\n\n<p>Altering a Salient image size can be accomplished by first removing the existing image size and then registering the new size. Note that after the altered sizes have been registered, you will need to run the <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\" target=\"_blank\" rel=\"noopener\">Regenerate Thumbnails<\/a> plugin to recreate all of your existing images on the server in the new size. <\/p>\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:false,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;php&quot;,&quot;mime&quot;:&quot;text\/x-php&quot;,&quot;theme&quot;:&quot;shadowfox&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:false,&quot;lineWrapping&quot;:false,&quot;readOnly&quot;:true,&quot;fileName&quot;:&quot;&quot;,&quot;language&quot;:&quot;PHP&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;php&quot;}\">\n\n\/\/ Alter image sizes \nadd_action( &#039;after_setup_theme&#039;, &#039;salient_child_remove_image_sizes&#039;, 11 );\n\nfunction salient_child_remove_image_sizes() {\n\t\n\tremove_image_size( &#039;regular&#039; ); \n\tadd_image_size( &#039;regular&#039;, 800, 400, true );   \n\t  \n}\n\n<\/pre><\/div>\n\n\n<div style=\"height:86px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Removing Image Sizes Removing an image size can be handled through the child theme functions.php file. Step 1:&nbsp;Open your child theme functions.php (salient-child\/functions.php) Step 2:&nbsp;Copy the below snippet into the&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/9776"}],"collection":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/comments?post=9776"}],"version-history":[{"count":0,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/9776\/revisions"}],"wp:attachment":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/media?parent=9776"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}