{"id":998,"date":"2011-09-07T18:18:46","date_gmt":"2011-09-07T18:18:46","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/2011\/09\/07\/changing-your-banner-image\/"},"modified":"2021-08-16T23:52:01","modified_gmt":"2021-08-17T03:52:01","slug":"changing-your-banner-image","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/","title":{"rendered":"Changing your Banner Image"},"content":{"rendered":"

Note that the Premium Web Builder is not currently available in cPanel. Check out Alternatives to Premium Web Builder<\/a> to find a newer tool for creating websites.<\/em><\/p>\n\n\n

\n

In this tutorial:<\/h2>\n

Use Existing Banner<\/a> Upload Custom Banner<\/a> Compatible Image Formats<\/a> <\/p>\n<\/div>\n

Each template in the Premium Web Builder uses a banner image at the top of each page. You can change this banner, using a custom banner or one of the preloaded banners within builder. You will need to log into Premium Web Builder and select the \u201cDesign<\/strong>\u201d tab at the top of the page.<\/p>\n

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

Using an Existing Banner Image\u00a0<\/h2>\n
    \n
  1. Once you have navigated to the Design Tab in Premium Web Builder, in the right side pane, locate the \u201cBanners<\/strong>\u201d Section.<\/li>\n

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

  2. Click the \u201cdown<\/strong>\u201d arrow next to the banner box. This will show you the available banners already pre-loaded into Premium Web Builder.\u00a0
    \"banner2\"<\/a>\n
    <\/div>\n<\/li>\n
  3. Select different banner from the list to preview. Then click \u201cPreview<\/strong>\u201d on the left side of the window.
    \"banner3\"<\/a>\n
    <\/div>\n<\/li>\n
  4. If you are satisified with the banner you have chosen, then click \u201cSave Changes<\/strong>\u201c
    \"banner4\"<\/a>\n
    <\/div>\n<\/li>\n<\/ol>\n

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

    Uploading a Custom Banner<\/h2>\n

    If you have an image you wish to use as a custom banner, Premium Web Builder provides you with the ability to upload your own banner image to use. It is important that you upload an image the same size as the original banner. If the banner is not the same size, Premium Web Builder can distort the image to fit properly. You can use any image editing software such as Gimp, to make sure it is the same size. For this example, we will assume the image you are using is the same size as the default banner image.<\/p>\n

      \n
    1. Click the \u201cBrowse<\/strong>\u201d button and choose the image on your local computer you would like to use.\u00a0<\/li>\n
    2. After you have selected the image, click \u201cUpload<\/strong>\u201c<\/li>\n
    3. When the upload is finished, click \u201cPreview<\/strong>\u201d at the bottom right of the page to see how your custom banner looks on your web page.<\/li>\n<\/ol>\n

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

      What Image Format can I use for my Banner?<\/h2>\n

      Premium Web Builder supports most major image file types including .gif, .jpg, .png, and .bmp<\/p>\n

      Please check the next article on Changing Your Site\u2019s Menu Style<\/a>. If you missed our previous article, please see the Changing your Website\u2019s Color Scheme<\/a> tutorial. For more information on this course please visit Creating an Image Gallery<\/a><\/p>","protected":false},"excerpt":{"rendered":"

      Note that the Premium Web Builder is not currently available in cPanel. Check out Alternatives to Premium Web Builder to find a newer tool for creating websites. In this tutorial: Use Existing Banner Upload Custom Banner Compatible Image Formats Each template in the Premium Web Builder uses a banner image at the top of each Read More ><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4288],"tags":[],"class_list":["post-998","post","type-post","status-publish","format-standard","hentry","category-website"],"acf":[],"yoast_head":"\nChanging your Banner Image | InMotion Hosting<\/title>\n<meta name=\"description\" content=\"Learn how to change the banner image within Premium Web Builder\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Changing your Banner Image | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Learn how to change the banner image within Premium Web Builder\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2011-09-07T18:18:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-08-17T03:52:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/09\/cpanel_banner1.jpg\" \/>\n<meta name=\"author\" content=\"Brad Markle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brad Markle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/\"},\"author\":{\"name\":\"Brad Markle\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\"},\"headline\":\"Changing your Banner Image\",\"datePublished\":\"2011-09-07T18:18:46+00:00\",\"dateModified\":\"2021-08-17T03:52:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/\"},\"wordCount\":398,\"commentCount\":11,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/09\/cpanel_banner1.jpg\",\"articleSection\":[\"Website\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/\",\"name\":\"Changing your Banner Image | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/09\/cpanel_banner1.jpg\",\"datePublished\":\"2011-09-07T18:18:46+00:00\",\"dateModified\":\"2021-08-17T03:52:01+00:00\",\"description\":\"Learn how to change the banner image within Premium Web Builder\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/09\/cpanel_banner1.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/09\/cpanel_banner1.jpg\",\"width\":310,\"height\":560,\"caption\":\"banner1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Changing your Banner Image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support & Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf\",\"name\":\"Brad Markle\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Changing your Banner Image | InMotion Hosting","description":"Learn how to change the banner image within Premium Web Builder","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:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/","og_locale":"en_US","og_type":"article","og_title":"Changing your Banner Image | InMotion Hosting","og_description":"Learn how to change the banner image within Premium Web Builder","og_url":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2011-09-07T18:18:46+00:00","article_modified_time":"2021-08-17T03:52:01+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/09\/cpanel_banner1.jpg","type":"","width":"","height":""}],"author":"Brad Markle","twitter_card":"summary_large_image","twitter_creator":"@InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"Brad Markle","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/"},"author":{"name":"Brad Markle","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf"},"headline":"Changing your Banner Image","datePublished":"2011-09-07T18:18:46+00:00","dateModified":"2021-08-17T03:52:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/"},"wordCount":398,"commentCount":11,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/09\/cpanel_banner1.jpg","articleSection":["Website"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/","url":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/","name":"Changing your Banner Image | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/09\/cpanel_banner1.jpg","datePublished":"2011-09-07T18:18:46+00:00","dateModified":"2021-08-17T03:52:01+00:00","description":"Learn how to change the banner image within Premium Web Builder","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/09\/cpanel_banner1.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2011\/09\/cpanel_banner1.jpg","width":310,"height":560,"caption":"banner1"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/website\/changing-your-banner-image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"Changing your Banner Image"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support & Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/5ae05d1210b0ef63c437ccedce2799bf","name":"Brad Markle","url":"https:\/\/www.inmotionhosting.com\/support\/author\/bradm\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/998","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=998"}],"version-history":[{"count":4,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/998\/revisions"}],"predecessor-version":[{"id":86579,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/998\/revisions\/86579"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=998"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=998"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}