{"id":7789,"date":"2020-12-23T10:11:11","date_gmt":"2020-12-23T10:11:11","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=7789"},"modified":"2021-05-15T05:59:41","modified_gmt":"2021-05-15T05:59:41","slug":"how-to-change-background-for-your-social-media-widget","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-change-background-for-your-social-media-widget\/","title":{"rendered":"How to change background for your social media widget?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Change Your Widget Background<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1<\/strong><\/h3>\n\n\n\n<p>First, Login or Sign-Up to&nbsp;<a href=\"https:\/\/app.taggbox.com\/widget\/\">Taggbox Widget<\/a>.<\/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 is-resized\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-30.png\" alt=\"Signup &amp; Login to Taggbox Widget\" class=\"wp-image-6208\" width=\"821\" height=\"388\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-30.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-30-300x142.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-30-1024x484.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-30-768x363.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-30-1536x727.png 1536w\" sizes=\"(max-width: 821px) 100vw, 821px\" \/><\/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=\"subTitle3\"><strong>Step 2<\/strong><\/h3>\n\n\n\n<p>Click on <strong>My Widgets<\/strong> to open the list of your Widgets.<\/p>\n\n\n\n<p>Choose your widget and click <strong>EDIT<\/strong> button to open your Widget Editor &amp; proceed. <\/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-large is-resized\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/My-Wid-2-1024x548.png\" alt=\"\" class=\"wp-image-7797\" width=\"806\" height=\"431\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/My-Wid-2-1024x548.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/My-Wid-2-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/My-Wid-2-768x411.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/My-Wid-2.png 1301w\" sizes=\"(max-width: 806px) 100vw, 806px\" \/><\/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\"><strong>Edit Background<\/strong><\/h2>\n\n\n\n<p>Your widget editor will be open.<\/p>\n\n\n\n<p>Now, Click on <strong>Design&nbsp;<\/strong>on the left menu panel.<\/p>\n\n\n\n<p>There you&#8217;ll see two options that are <strong>Themes <\/strong>and <strong>Customization<\/strong>.<\/p>\n\n\n\n<p>Choose <strong>Customization<\/strong> to proceed to change the background:<\/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 is-resized\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Customization-1.png\" alt=\"\" class=\"wp-image-7801\" width=\"842\" height=\"449\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Customization-1.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Customization-1-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Customization-1-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Customization-1-768x410.png 768w\" sizes=\"(max-width: 842px) 100vw, 842px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>A new pop-up <strong>Personalize Widget<\/strong> will appear:<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Using it You can change the <strong>Transparent Background<\/strong> with your <strong>Theme Color<\/strong> or <strong>Personalized Image<\/strong>. Follow the steps below:<\/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\"><strong>Transparent Background<\/strong><\/h3>\n\n\n\n<p>If you don&#8217;t want the Transparent Image then <strong>turn off the toggle<\/strong>. <\/p>\n\n\n\n<p>It will switch off the transparent background and let you set your own background:<\/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=\"640\" height=\"268\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Personalize-Widget.png\" alt=\"\" class=\"wp-image-7802\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Personalize-Widget.png 640w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Personalize-Widget-300x126.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/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\"><strong>Background Color<\/strong><\/h3>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Set Your Background Color based on your widget theme.<\/p>\n\n\n\n<p>After turning off the Transparent Background, you can choose the Background Color that you want from the color picker.<\/p>\n\n\n\n<p>Choose your theme color and Click on the <strong>Apply Background<\/strong> button to make it effective successfully.  <\/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 is-resized\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Color.png\" alt=\"\" class=\"wp-image-7807\" width=\"814\" height=\"588\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Color.png 638w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Color-300x217.png 300w\" sizes=\"(max-width: 814px) 100vw, 814px\" \/><\/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\"><strong>Background Image<\/strong><\/h3>\n\n\n\n<p>If you have your own personalized background image then you can upload it to the editor to make it effective.<\/p>\n\n\n\n<p>Follow the below steps to make it effective: <\/p>\n\n\n\n<p><strong>1.<\/strong> Upload your background image using the edit icon:<\/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=\"639\" height=\"460\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Personalize-Widget-2.png\" alt=\"\" class=\"wp-image-7803\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Personalize-Widget-2.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Personalize-Widget-2-300x216.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/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>You can upload image from the following sources:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>My Devices<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Google Drives<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Instagram<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Link<\/li><\/ul>\n\n\n\n<ul class=\"wp-block-list\"><li>Camera<\/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 is-resized\"><img decoding=\"async\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/CP-File-1.png\" alt=\"\" class=\"wp-image-7804\" width=\"770\" height=\"564\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/CP-File-1.png 598w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/CP-File-1-300x220.png 300w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>3.<\/strong> Choose Your Image from any of the above sources and click the <strong>Upload<\/strong> button to upload the image file:<\/p>\n\n\n\n<p>For example: the below image is uploaded by the source: <strong>My Device<\/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=\"599\" height=\"441\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Upload-Image.png\" alt=\"\" class=\"wp-image-7806\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Upload-Image.png 599w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Upload-Image-300x221.png 300w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Note:<\/strong> The recommended size of the image is <strong>1920px X 1080px Image with Aspect Ratio and Resolution of Intended Display.<\/strong><\/p>\n\n\n\n<p><strong>4.<\/strong> After uploading the image the screen will look something like this:<\/p>\n\n\n\n<p>Finally, click on the <strong>Apply Background<\/strong> button to make the background image effective.<\/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=\"639\" height=\"460\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Apply.png\" alt=\"\" class=\"wp-image-7808\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Apply.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Apply-300x216.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>You&#8217;ve successfully changed the background of your widget.<\/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>Change Your Widget Background Step 1 First, Login or Sign-Up to&nbsp;Taggbox Widget. Step 2 Click on My Widgets to open the list of your Widgets. Choose your widget and click EDIT button to open your Widget Editor &amp; proceed. Edit Background Your widget editor will be open. Now, Click on Design&nbsp;on the left menu panel. [&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-7789","post","type-post","status-publish","format-standard","hentry","category-customization-widget"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/7789","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=7789"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/7789\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=7789"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=7789"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=7789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}