{"id":3683,"date":"2020-07-01T06:18:37","date_gmt":"2020-07-01T06:18:37","guid":{"rendered":"https:\/\/taggbox.com\/taggbox-support-new\/?p=3683"},"modified":"2021-05-15T05:59:42","modified_gmt":"2021-05-15T05:59:42","slug":"how-to-add-banner-in-your-taggbox-widget","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-add-banner-in-your-taggbox-widget\/","title":{"rendered":"How to Add Banner in your Taggbox Widget?"},"content":{"rendered":"\n<p>Add banner in your Taggbox Widget or Upload your banner using the simple steps below: <\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"subTitle1\"><strong>Taggbox Dashboard<\/strong><\/h2>\n\n\n\n<p>First, <a href=\"https:\/\/app.taggbox.com\/widget\/\">Login<\/a> to your Taggbox Widget Account. You&#8217;ll see your widget dashboard like this:<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Dashboard-6.png\" alt=\"Taggbox Dashboard\" class=\"wp-image-6852\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Dashboard-6.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Dashboard-6-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Dashboard-6-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Dashboard-6-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Now, on the left menu panel click on&nbsp;<strong>My&nbsp;Widget<\/strong>. To open the list of widgets you\u2019ve created.<\/p>\n\n\n\n<p>Choose your widget and click on <strong>Edit<\/strong> button <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1301\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/My-Wid-1.png\" alt=\"Widget Name\" class=\"wp-image-6857\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/My-Wid-1.png 1301w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/My-Wid-1-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/My-Wid-1-1024x548.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/My-Wid-1-768x411.png 768w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"subTitle2\"><strong>Add Banner to your Widget<\/strong><\/h2>\n\n\n\n<p><strong>1.&nbsp;<\/strong>Now, Click on the&nbsp;<strong>Design&nbsp;<\/strong>Tab&nbsp;and select&nbsp;<strong>Customization<\/strong>&nbsp;(You will find it on the&nbsp;left-hand side of the page) to&nbsp;add a <strong>banner<\/strong>&nbsp;in your&nbsp;<strong>widget theme.<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"695\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Customization.png\" alt=\"Wall Editor\" class=\"wp-image-6878\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Customization.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Customization-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Customization-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Customization-768x410.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>2.<\/strong> After clicking the&nbsp;<strong>Customization tab<\/strong>, you will see a pop-up &#8220;<strong>Personalize<\/strong>&#8220;. <\/p>\n\n\n\n<p>Click on the&nbsp;<strong>Banner<\/strong>&nbsp;tab. Here you will see two options:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Design your Banner&nbsp;<\/strong><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Upload your Banner Image<\/strong><\/li><\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"718\" height=\"235\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Personalize-2.png\" alt=\"Personalize Wall Editor\" class=\"wp-image-6895\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Personalize-2.png 718w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Personalize-2-300x98.png 300w\" sizes=\"(max-width: 718px) 100vw, 718px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"subTitle3\"><strong>Design Your Banner<\/strong><\/h2>\n\n\n\n<p>This feature enables you to design your banner according to the templates that we have provided.<\/p>\n\n\n\n<p>Designing your banner helps you to create your own brand image and to show your hashtag to your guests.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"718\" height=\"242\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Design-Your-banners.png\" alt=\"Design Your Banner\" class=\"wp-image-6918\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Design-Your-banners.png 718w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Design-Your-banners-300x101.png 300w\" sizes=\"(max-width: 718px) 100vw, 718px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Click on&nbsp;<strong>\u201cDesign your banner\u201d<\/strong>&nbsp;and you will find various template options to design your banner. <\/p>\n\n\n\n<p>For example, here I am choosing the&nbsp;<strong>first banner.<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"718\" height=\"452\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Personalize-Design.png\" alt=\"Select Banner\" class=\"wp-image-6900\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Personalize-Design.png 718w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Personalize-Design-300x189.png 300w\" sizes=\"(max-width: 718px) 100vw, 718px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>After selecting your banner template, you&nbsp;can see many other options&nbsp;like&nbsp;<strong>Background,<\/strong>&nbsp;<strong>Content, Social<\/strong>&nbsp;<strong>Icons, Position &amp; Heights,<\/strong>&nbsp;<strong>Status&nbsp;<\/strong>to design your banner<strong>.<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"718\" height=\"617\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Background-Banner.png\" alt=\"Banner Settings\" class=\"wp-image-6901\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Background-Banner.png 718w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Background-Banner-300x258.png 300w\" sizes=\"(max-width: 718px) 100vw, 718px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"subTitle4\"><strong>Background:<\/strong><\/h3>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"675\" height=\"246\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Background-B.png\" alt=\"Banner Background\" class=\"wp-image-6902\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Background-B.png 675w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Background-B-300x109.png 300w\" sizes=\"(max-width: 675px) 100vw, 675px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>To edit your banner&#8217;s background, choose&nbsp;the <strong>Background<\/strong>&nbsp;option. Here you&nbsp;can change<strong>&nbsp;Background Color, Background Image,&nbsp;<\/strong>and&nbsp;<strong>Logo Image&nbsp;<\/strong>as well<strong>.<\/strong> Such as:<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Background Color<\/strong><\/h4>\n\n\n\n<p>If you want to change your&nbsp;<strong>Banner\u2019s Background Color<\/strong>&nbsp;then you can choose a background color option for this and change the background color according to your need.<\/p>\n\n\n\n<p>It will look like this after changing the color of banner:<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"677\" height=\"91\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/BG-Color.png\" alt=\"BG Color\" class=\"wp-image-6903\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/BG-Color.png 677w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/BG-Color-300x40.png 300w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Background Image<\/strong><\/h4>\n\n\n\n<p>If you want to change your&nbsp;<strong>Banner\u2019s Background Image<\/strong>&nbsp;then choose the Background Image option and upload the image of your choice.<\/p>\n\n\n\n<p>It will look like this after changing the background of&nbsp;banner:<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"677\" height=\"90\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/BG-Image.png\" alt=\"BG image\" class=\"wp-image-6904\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/BG-Image.png 677w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/BG-Image-300x40.png 300w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Logo Image<\/strong><\/h4>\n\n\n\n<p>You can upload your own logo on the banner. Simply choose Banner logo option and Upload Logo of your choice.<\/p>\n\n\n\n<p>It will look like this after changing the&nbsp;logo of&nbsp;banner:<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"676\" height=\"92\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/TB-Widget.png\" alt=\"Background Logo\" class=\"wp-image-6905\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/TB-Widget.png 676w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/TB-Widget-300x41.png 300w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"subTitle5\"><strong>Content:<\/strong><\/h3>\n\n\n\n<p>To change the content of the banner, click on the&nbsp;<strong>Content<\/strong>&nbsp;tab,&nbsp;Here you&nbsp;can change<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Subtitle&nbsp;<\/strong><\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Title&nbsp;<\/strong><\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Content.png\" alt=\"Banner Content\" class=\"wp-image-6906\" width=\"580\" height=\"213\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Content.png 674w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Content-300x110.png 300w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Subtitle<\/strong><\/h4>\n\n\n\n<p>In the <strong>Subtitle<\/strong>, you can change your subtitle content and also can manage font color, style and size. Here we have&nbsp;&#8220;<strong>Share Your Joy<\/strong>&#8221;&nbsp;as our default subtitle, you can&nbsp;change it as per your requirement.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Title<\/strong><\/h4>\n\n\n\n<p>To change the title, you can choose&nbsp;the Title&nbsp;option. Here we have&nbsp;&#8220;#MARVEL&#8221; as our title, you can set any title or hashtag that you want to promote. You can change the font color, Style, and Size of the Title.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"677\" height=\"89\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Content-Title.png\" alt=\"\" class=\"wp-image-6907\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Content-Title.png 677w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Content-Title-300x39.png 300w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"subTitle6\"><strong>Social Icons:<\/strong><\/h3>\n\n\n\n<p>Socials icons are the icon or the small images of social media networks such as Facebook, Twitter, and Instagram. Through these icons, you can tell your audience about your social media platform.<\/p>\n\n\n\n<p>By default all the options are active but you can change them according to your preferences.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"676\" height=\"159\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Social-Icons.png\" alt=\"Social Icons\" class=\"wp-image-6908\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Social-Icons.png 676w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Social-Icons-300x71.png 300w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>If you do not want social icons then click on the drop-down list and choose option&nbsp;<strong>OFF.<\/strong><\/p>\n\n\n\n<p>Here we have selected the Facebook, Twitter &amp; Instagram option and you can see that&nbsp;in the Banner, all the three Icons are added. <\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"678\" height=\"208\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Social-1.png\" alt=\"Social Icon Status\" class=\"wp-image-6910\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Social-1.png 678w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Social-1-300x92.png 300w\" sizes=\"(max-width: 678px) 100vw, 678px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"676\" height=\"90\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Social-Icons-Final.png\" alt=\"\" class=\"wp-image-6911\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Social-Icons-Final.png 676w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Social-Icons-Final-300x40.png 300w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>You can also change the size of the icons, also if you want to change the color of the icons then choose the option&nbsp;<strong>Social Icon Color&nbsp;<\/strong>and from the drop-down list click on&nbsp;<strong>Choose color&nbsp;<\/strong>and pick a color from<strong>&nbsp;Icon Color.<\/strong> We have selected Red as per background and Title.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"subTitle7\"><strong>Position &amp; Height:<\/strong><\/h3>\n\n\n\n<p>From here, you can manage the banner height and position. If you want to change the&nbsp;<strong>height of the banner<\/strong>&nbsp;then you can simply increase or decrease the size using the slider.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"676\" height=\"167\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Position-height-1.png\" alt=\"Position and Height\" class=\"wp-image-6912\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Position-height-1.png 676w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Position-height-1-300x74.png 300w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>If you want to change the&nbsp;<strong>position of the banner image<\/strong>&nbsp;then click on the drop-down list and choose the option you want. Simply clicking on one of the two options which are:&nbsp;<\/p>\n\n\n\n<p><strong>1.<\/strong>&nbsp;<strong>At the top with full width<\/strong>&nbsp;<\/p>\n\n\n\n<p><strong>2.<\/strong>&nbsp;<strong>At the bottom with full width.<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"subTitle8\"><strong>Status:<\/strong><\/h3>\n\n\n\n<p>This option asks you whether you want to enable or disable the banner.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"676\" height=\"276\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Status.png\" alt=\"Banner Status OFF\" class=\"wp-image-6913\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Status.png 676w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Status-300x122.png 300w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Enable the toggle status to turn <strong>ON<\/strong> the Banner.<\/p>\n\n\n\n<p>After you have made all the changes then click on the&nbsp;<strong>Apply Banner <\/strong>Button&nbsp;(bottom right side).<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"676\" height=\"362\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Status-On.png\" alt=\"\" class=\"wp-image-6914\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Status-On.png 676w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Status-On-300x161.png 300w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Great, You have successfully Design your Banner.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"subTitle9\"><strong>Upload Your Banner<\/strong><\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>You can also upload your own banner but make sure you must fulfill these conditions.<\/p>\n\n\n\n<p><em><strong>Recommended size:&nbsp;<\/strong>1920 x 150 px OR 1920 x 200 px<strong><br>Supported Formats:<\/strong>&nbsp;.png or .jpg<strong><br>Maximum Image Size:<\/strong>&nbsp;5 Mb<\/em><\/p>\n\n\n\n<p>Follow the below steps to upload your banner image:<\/p>\n\n\n\n<p>Choose&nbsp;<strong>Upload your banner image<\/strong>&nbsp;option to upload a banner.<\/p>\n\n\n\n<p>After clicking the <strong>Upload Your Banner<\/strong> option, you will see a pop-up menu like this:<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"718\" height=\"474\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Upload-Your-Banner.png\" alt=\"Upload Your Banner\" class=\"wp-image-6915\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Upload-Your-Banner.png 718w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Upload-Your-Banner-300x198.png 300w\" sizes=\"(max-width: 718px) 100vw, 718px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Click on the&nbsp;<strong>Pencil<\/strong> icon&nbsp;Button and Upload your banner image from the desktop.<\/p>\n\n\n\n<p>Then enable the banner using the Toggle option. If you want to disable turn it OFF.<\/p>\n\n\n\n<p>Finally, After&nbsp;uploading your Banner, click on <strong>Apply Banner <\/strong>Button.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"subTitle10\"><strong>Other Method<\/strong><\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>There is another way by which you can change the Banner. Just click on the&nbsp;<strong>More<\/strong>&nbsp;option in&nbsp;<strong>Editor Widget.<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"695\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Apps-More-1.png\" alt=\"More\" class=\"wp-image-6916\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Apps-More-1.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Apps-More-1-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Apps-More-1-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Apps-More-1-768x410.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>After that, you will see a window. Click on the&nbsp;<strong>Widget Banner<\/strong>&nbsp;option from that window.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"692\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Widget-Banner.png\" alt=\"More Banner\" class=\"wp-image-6917\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Widget-Banner.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Widget-Banner-300x159.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Widget-Banner-1024x544.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Widget-Banner-768x408.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Then again Follow all the above-mentioned steps to <strong>Design or Upload the banner.<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>If you face any additional issue then please feel free to&nbsp;<a href=\"https:\/\/taggbox.com\/contact-us\/\">Contact us<\/a>&nbsp;or write us at&nbsp;<a href=\"mailto:support@taggbox.com\">support@taggbox.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add banner in your Taggbox Widget or Upload your banner using the simple steps below: Taggbox Dashboard First, Login to your Taggbox Widget Account. You&#8217;ll see your widget dashboard like this: Now, on the left menu panel click on&nbsp;My&nbsp;Widget. To open the list of widgets you\u2019ve created. Choose your widget and click on Edit button [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[278],"tags":[],"class_list":["post-3683","post","type-post","status-publish","format-standard","hentry","category-customization-widget"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/comments?post=3683"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/3683\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=3683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=3683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=3683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}