{"id":74607,"date":"2016-08-10T09:29:11","date_gmt":"2016-08-10T13:29:11","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=74607"},"modified":"2017-09-08T05:15:17","modified_gmt":"2017-09-08T09:15:17","slug":"cherryframework-4-x-change-banner-images","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-x-change-banner-images.html","title":{"rendered":"CherryFramework 4.x. How to change banner images"},"content":{"rendered":"<p>This tutorial shows how to change banner images in <a href=\"https:\/\/www.templatemonster.com\/cherry-framework-4-wordpress-themes\/\">CherryFramework 4 themes<\/a>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/2HNj709Jlr0\"><\/iframe>\r\n<\/div>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<ol>\r\n\t<li><p>In order to change banner images on your page, open your page for editing in <strong>Pages->All Pages<\/strong> section in your site admin panel.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_1.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_1-300x152.jpg\" alt=\"CherryFramework_4.x._how_to_change_banner_images_1\" width=\"300\" height=\"152\" class=\"alignnone size-medium wp-image-74608\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_1-300x152.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_1-150x76.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_1-768x388.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_1.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li><p>Then, press the <strong>Insert shortcode<\/strong> button.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_2.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_2-300x121.jpg\" alt=\"CherryFramework_4.x._how_to_change_banner_images_2\" width=\"300\" height=\"121\" class=\"alignnone size-medium wp-image-74609\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_2-300x121.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_2-150x60.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_2-768x310.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_2.jpg 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li><p>Select <strong>Banner<\/strong> shortcode among the list.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_3.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_3-300x113.jpg\" alt=\"CherryFramework_4.x._how_to_change_banner_images_3\" width=\"300\" height=\"113\" class=\"alignnone size-medium wp-image-74610\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_3-300x113.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_3-150x57.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_3-768x290.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_3.jpg 812w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li><p>After this, press <strong>Media manager<\/strong> button to choose the image from the Media library.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_4.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_4-300x211.jpg\" alt=\"CherryFramework_4.x._how_to_change_banner_images_4\" width=\"300\" height=\"211\" class=\"alignnone size-medium wp-image-74611\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_4-300x211.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_4-150x105.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_4.jpg 504w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li><p>Copy the code of your banner image and press the <strong>Close<\/strong> button.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_5.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_5-300x104.jpg\" alt=\"CherryFramework_4.x._how_to_change_banner_images_5\" width=\"300\" height=\"104\" class=\"alignnone size-medium wp-image-74612\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_5-300x104.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_5-150x52.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_5-768x265.jpg 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_5.jpg 944w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li><p>Locate your banner shortcode in the editor and change image property to the one you have copied.<\/p>\r\n\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_6.jpg\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_6-300x116.jpg\" alt=\"CherryFramework_4.x._how_to_change_banner_images_6\" width=\"300\" height=\"116\" class=\"alignnone size-medium wp-image-74613\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_6-300x116.jpg 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_6-150x58.jpg 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/08\/CherryFramework_4.x._how_to_change_banner_images_6.jpg 736w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li><p>Press an <strong>Update<\/strong> button to save changes and refresh your website.<\/p><\/li>\r\n<\/ol>\r\n<p>That is the end of the tutorial. Now you know how to change banner images in CherryFramework 4 templates.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<p><a href=\"http:\/\/www.youtube.com\/watch?v=2HNj709Jlr0?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4.x. How to change banner images<\/a>.<\/p>\r\n<p>You may also look through our <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\">premium WordPress Themes<\/a> if you need more themes with Cherry Framework functionality.<\/p>","protected":false},"excerpt":{"rendered":"<p>This tutorial shows how to change banner images in CherryFramework 4 themes.<\/p>\n","protected":false},"author":106,"featured_media":74614,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[547,2012,537],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/74607"}],"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\/106"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=74607"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/74607\/revisions"}],"predecessor-version":[{"id":83117,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/74607\/revisions\/83117"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/74614"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=74607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=74607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=74607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}