{"id":36130,"date":"2022-02-23T11:15:36","date_gmt":"2022-02-23T09:15:36","guid":{"rendered":"https:\/\/premiumaddons.com\/?post_type=docs&#038;p=36130"},"modified":"2023-05-31T12:44:05","modified_gmt":"2023-05-31T09:44:05","slug":"elementor-badge-global-addon-tutorial","status":"publish","type":"docs","link":"https:\/\/premiumaddons.com\/docs\/elementor-badge-global-addon-tutorial\/","title":{"rendered":"Elementor Badge Global Addon Tutorial"},"content":{"rendered":"\n<p>Do you want to put a badge on one of your Elemetor elements to make it remarkable and attractive to website visitors? We introduce <strong>Elementor Badge Global Addon<\/strong> that has a lot of customization options and can be placed on any Elementor section, column, inner section, or widget.<\/p>\n\n\n\n<p>Elementor Badge Global Addon has a lot of customization options with 6 different styles. You can also select to add an icon, image, Lottie animation, or SVG blob shape badge.<\/p>\n\n\n\n<p>Check\u00a0Elementor Badge Global Addon <a href=\"https:\/\/premiumaddons.com\/elementor-badge-global-addon\/\" target=\"_blank\" rel=\"noreferrer noopener\">demo page<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNjAwIDg0MCIgd2lkdGg9IjE2MDAiIGhlaWdodD0iODQwIiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRmludHJvZHVjaW5nLWJhZGdlLWdsb2JhbC1hZGRvbi1mb3ItZWxlbWVudG9yLmpwZyIgZGF0YS13PSIxNjAwIiBkYXRhLWg9Ijg0MCIgZGF0YS1iaXA9IiI+PC9zdmc+\" data-spai=\"1\" alt=\"Elementor Badge Global Addon\" class=\"wp-image-37329\" srcset=\" \" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Elementor Badge Global Addon<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"requirements\">Requirements: <\/h3>\n\n\n\n<ul>\n<li>You will need <a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/pro\/\" target=\"_blank\">Premium Addons PRO<\/a> plugin installed and activated on your website.<\/li>\n\n\n\n<li>Also, make sure that this feature is enabled so you can find it in the Elementor editor. Check <a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/docs\/plugin-settings\/\" target=\"_blank\">this article<\/a> to know how to do that. <\/li>\n\n\n\n<li>Premium Addons works only with <a rel=\"noreferrer noopener\" href=\"https:\/\/bit.ly\/Get-Elementor\" target=\"_blank\">Elementor Page Builder<\/a> plugin so you will need to have it installed and activated as well.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"key-features\">Key Features<\/h2>\n\n\n\n<ul>\n<li>Text<\/li>\n\n\n\n<li>Style\n<ul>\n<li>Strip<\/li>\n\n\n\n<li>Flag<\/li>\n\n\n\n<li>Triangle<\/li>\n\n\n\n<li>Circle<\/li>\n\n\n\n<li>Bookmark<\/li>\n\n\n\n<li>Custom Layout.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Icon\n<ul>\n<li>Icon<\/li>\n\n\n\n<li>Image<\/li>\n\n\n\n<li>Lottie Animation<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Floating Effects\n<ul>\n<li>Translate<\/li>\n\n\n\n<li>Rotate<\/li>\n\n\n\n<li>Opacity<\/li>\n\n\n\n<li>Blur<\/li>\n\n\n\n<li>Grayscale<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Style &#038; Layout\n<ul>\n<li>Layout<\/li>\n\n\n\n<li>Style<\/li>\n\n\n\n<li>Icon Style<\/li>\n\n\n\n<li>SVG Layer<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-apply-global-badge-addon-on-elementor-elements\">How to Add Badge on Elementor Elements?<\/h2>\n\n\n\n<p>Elementor Badge Addon can be applied on any Elementor content by navigating to <strong>Layout<\/strong> tab in Elementor sections, inner sections, and columns, then scroll down to Premium Global Badge tab. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRmVuYWJsZS1lbGVtZW50b3ItZ2xvYmFsLWJhZGdlLWZvci1lbGVtZW50b3ItY29sdW1uLmpwZyIgZGF0YS13PSIxMDI0IiBkYXRhLWg9IjU5NyIgZGF0YS1iaXA9IiI+PC9zdmc+\" data-spai=\"1\" alt=\"Red Arrow Pointing to Columns Settings and Enable Global Badge Option in Elementor Panel \" class=\"wp-image-36134\"  \/><figcaption class=\"wp-element-caption\">Enable Elementor Badge Global Addon On Elementor Column<\/figcaption><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>You can add badge on Elementor elements using Premium Badge addon under <strong>Content<\/strong> tab in widget settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRmVuYWJsZS1lbGVtZW50b3ItZ2xvYmFsLWJhZGdlLWZvci1lbGVtZW50b3Itd2lkZ2V0LmpwZyIgZGF0YS13PSIxMDI0IiBkYXRhLWg9IjU5NyIgZGF0YS1iaXA9IiI+PC9zdmc+\" data-spai=\"1\" alt=\"Red Arrow Pointing to Enable Global Badge Option in Elementor Panel\" class=\"wp-image-36137\"  \/><figcaption class=\"wp-element-caption\">Enable Elementor Badge Global Addon for Elementor Image Widget<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"text-badge-for-elementor-elements\">Add Text Badge on Elementor Elements<\/h2>\n\n\n\n<p>In Elementor Badge Global Addon, the badge can consist of text, icon, or both of them. <\/p>\n\n\n\n<ul>\n<li><strong>Text:<\/strong> Insert text to be shown in badge.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRnRleHQtb3B0aW9uLWVsZW1lbnRvci1nbG9iYWwtYmFkZ2UuanBnIiBkYXRhLXc9IjEwMjQiIGRhdGEtaD0iNTk3IiBkYXRhLWJpcD0iIj48L3N2Zz4=\" data-spai=\"1\" alt=\"Elementor Global Badge Addon on Left Side and Red Arrow Pointing to Text Badge for Elementor Element\" class=\"wp-image-36184\"  \/><figcaption class=\"wp-element-caption\">Add Text Badge on Elementor Elements<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-select-elementor-badge-shape\">How to Add Elementor Badge Shape?<\/h2>\n\n\n\n<p><strong>Elementor Badge <strong>Global<\/strong> Addon<\/strong> comes with 6 shapes options and one of them is a custom style where you can create unique badges in a minute. <\/p>\n\n\n\n<ul>\n<li><strong>Style:<\/strong> Select badge style shape from 6 different\u00a0styles <strong>Strip<\/strong>, <strong>Flag<\/strong>, <strong>Triangle<\/strong>, <strong>Circle<\/strong>, <strong>Bookmark<\/strong>, or <strong>Custom Layout<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"elementor-elements-badge-stripe-style\">Elementor Stripe Badge Style<\/h3>\n\n\n\n<p>Add a stipe badge shape to Elementor element.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRnN0cmlwZS1zdHlsZS1lbGVtZW50b3ItZ2xvYmFsLWJhZGdlLmpwZyIgZGF0YS13PSIxMDI0IiBkYXRhLWg9IjU5NyIgZGF0YS1iaXA9IiI+PC9zdmc+\" data-spai=\"1\" alt=\"On Left Side Pointing to Strip Style in Elementor Editor and On Right Side Red Arrow Pointing to Elementor Stripe Badge Shape\" class=\"wp-image-36182\"  \/><figcaption class=\"wp-element-caption\">Add Stripe Badge on Elementor content<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"elementor-elements-badge-stripe-style\">Elementor Flag Badge Style<\/h3>\n\n\n\n<p>Add a flag badge shape to Elementor element.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRmZsYWctc3R5bGUtZWxlbWVudG9yLWdsb2JhbC1iYWRnZS5qcGciIGRhdGEtdz0iMTAyNCIgZGF0YS1oPSI1OTciIGRhdGEtYmlwPSIiPjwvc3ZnPg==\" data-spai=\"1\" alt=\"On Left Side Red Arrow Pointing to Flag Style in Elementor Editor and On Right Side Red Arrow Pointing to Elementor Flag Badge Shape\" class=\"wp-image-36180\"  \/><figcaption class=\"wp-element-caption\">Add Flag Shape Badge on Elementor Element<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"elementor-elements-badge-stripe-style\">Elementor Triangle Badge Style<\/h3>\n\n\n\n<p>Add a triangle badge shape to Elementor element.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRnRyaWFuZ2xlLXN0eWxlLWVsZW1lbnRvci1nbG9iYWwtYmFkZ2UuanBnIiBkYXRhLXc9IjEwMjQiIGRhdGEtaD0iNTk3IiBkYXRhLWJpcD0iIj48L3N2Zz4=\" data-spai=\"1\" alt=\"On Left Side Arrow Pointing to Triangle Style in Elementor Editor and On Right Side Red Arrow Pointing to Elementor Triangle Badge Shape\" class=\"wp-image-36193\"  \/><figcaption class=\"wp-element-caption\">Add Triangle Badge Shape on Elementor widget<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"elementor-elements-badge-stripe-style\">Elementor Circle Badge Style<\/h3>\n\n\n\n<p>Add circle badge shape to Elementor element.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRmNpcmNsZS1zdHlsZS1lbGVtZW50b3ItZ2xvYmFsLWJhZGdlLmpwZyIgZGF0YS13PSIxMDI0IiBkYXRhLWg9IjU5NyIgZGF0YS1iaXA9IiI+PC9zdmc+\" data-spai=\"1\" alt=\"On Left Side Arrow Pointing to Circle Style in Elementor Editor and On Right Side Red Arrow Pointing to Elementor Circle Badge Shape\" class=\"wp-image-36186\"  \/><figcaption class=\"wp-element-caption\">Add a Circle Badge on Elementor Image widget<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"elementor-elements-badge-stripe-style\">Elementor Bookmark Badge Style<\/h3>\n\n\n\n<p>Add bookmark badge shape to Elementor element.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRmJvb2ttYXJrLXN0eWxlLWVsZW1lbnRvci1nbG9iYWwtYmFkZ2UuanBnIiBkYXRhLXc9IjEwMjQiIGRhdGEtaD0iNTk3IiBkYXRhLWJpcD0iIj48L3N2Zz4=\" data-spai=\"1\" alt=\"On Left Side Arrow Pointing to Bookmark Style in Elementor Editor and On Right Side Red Arrow Pointing to Elementor Bookmark Badge Shape\" class=\"wp-image-36185\"  \/><figcaption class=\"wp-element-caption\">Add Bookmark Shape on Elementor Elements<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"elementor-elements-badge-stripe-style\">Custom Layout Badge Shape for Elementor Builder<\/h3>\n\n\n\n<p>You can also create a custom shape to be used as a badge on your Elementor elements. <strong>Elementor Badge <strong>Global<\/strong><\/strong> Addon is integrated with Clippy and Blob SVG code like&nbsp;Blobmaker,&nbsp;Blobs,&nbsp;or&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/squircley.app\/\" target=\"_blank\">Squircley<\/a>.<\/p>\n\n\n\n<ul>\n<li>Select <strong>Custom Layout<\/strong> from <strong>Style<\/strong> option.<\/li>\n\n\n\n<li><strong>Enable Clip Path:<\/strong> Allows you to make complex shapes in CSS by clipping an element to a basic shape (circle, ellipse, polygon, or inset), or to an SVG source. Get Clip Path code from&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/bennettfeely.com\/clippy\/\" target=\"_blank\">Clippy<\/a>.<\/li>\n\n\n\n<li><strong>Add SVG Layer:<\/strong> This option gives more customization options that help&nbsp;you to create more sophisticated SVG blob shapes. Get Blob SVG code from&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/www.blobmaker.app\/\" target=\"_blank\">Blobmaker<\/a>,&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/blobs.app\/\" target=\"_blank\">Blobs<\/a>&nbsp;or&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/squircley.app\/\" target=\"_blank\">Squircley<\/a>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"497\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDQ5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNDk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRmN1c3RvbS1zdmctZWxlbWVudG9yLWdsb2JhbC1iYWRnZS5naWYiIGRhdGEtdz0iMTAyNCIgZGF0YS1oPSI0OTciIGRhdGEtYmlwPSIiPjwvc3ZnPg==\" data-spai=\"1\" alt=\"Creating Custom SVG Using Blobmaker and Insert in SVG Code to Use as Badge for Elementor Page Builder Elements\" class=\"wp-image-36156\"\/><figcaption class=\"wp-element-caption\">Add a Custom SVG Blob Shape Using Elementor Badge Global Addon<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"icon-badge-for-elementor-elements\">Add Icon Badge to Elementor Elements<\/h2>\n\n\n\n<p>In Elementor Global Badge Addon, we have three icon types that will be very useful to create unique badges for Elementor elements.<\/p>\n\n\n\n<ul>\n<li><strong>Icon:<\/strong> Enable to insert icon in badge.<\/li>\n\n\n\n<li><strong>Icon Type:<\/strong> Select or upload a custom image via the Media Library, select icon from Font Awesome Icons or paste Lottie Animations JSON URL.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRmxvdHRpZS1hbmltYXRpb24taWNvbi1lbGVtZW50b3ItZ2xvYmFsLWJhZGdlLTEwMjR4NTk3LmdpZiIgZGF0YS13PSIxMDI0IiBkYXRhLWg9IjU5NyIgZGF0YS1iaXA9IiI+PC9zdmc+\" data-spai=\"1\" alt=\"On Left Side Arrow Pointing to Lottie Animation Icon Type in Elementor Panel and On Right Side Elementor Strip Badge with Lottie Icon\" class=\"wp-image-36181\" srcset=\" \" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Lottie Animation Icon for Elementor Global Badge Addon<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-floating-effects-for-elementor-global-badges-addon\">Apply Floating Effects on Elementor Badge Global Addon<\/h2>\n\n\n\n<p>You can bring magic to Elementor Badge Global addon and make them alive using the floating effects options to grab users&#8217; attention.<\/p>\n\n\n\n<ul>\n<li>\u0650<strong>Floating Effects<\/strong>: Enable to add floating effects to Elementor badges.<\/li>\n\n\n\n<li><strong>Translate:<\/strong> Enable to create a transition between two position points. <em>(Not available for Stripe Style)<\/em><ul><li><strong>Translate X:<\/strong> Set the horizontal position in pixels.<\/li><\/ul>\n<ul>\n<li><strong>Translate Y:<\/strong> Set the vertical position in pixels.<\/li>\n\n\n\n<li><strong>Speed:<\/strong> Set the animation duration in seconds.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Rotate:<\/strong> Enable to rotate Elementor badge from and to specific degrees. <em>(Not available for Stripe Style)<\/em>\n<ul>\n<li><strong>Rotate X:<\/strong>&nbsp;Set the start and end values for x-axis rotation animation in degrees.<\/li>\n\n\n\n<li><strong>Rotate&nbsp;Y<\/strong>: Set the start and end values for y-axis rotation animation in degrees.<\/li>\n\n\n\n<li><strong>Rotate&nbsp;Z:&nbsp;<\/strong>Set the start and end values for z-axis rotation animation in degrees.<\/li>\n\n\n\n<li><strong>Speed:<\/strong>&nbsp;Set the animation speed.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Opacity:<\/strong> Enable to change the opacity of your Elementor badge between two values.\n<ul>\n<li><strong>Value:<\/strong>&nbsp;Set the start and end opacity values of the animation.<\/li>\n\n\n\n<li><strong>Speed:<\/strong>&nbsp;Set the animation speed.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Blur:<\/strong> Enable to change the blur of your Elementor badge between two values.\n<ul>\n<li><strong>Value:<\/strong>&nbsp;Set start and end values for blur filter.<\/li>\n\n\n\n<li><strong>Speed:<\/strong>&nbsp;Set the animation speed.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Grayscale:<\/strong> Enable to change Elementor badge from colorful to black and white.\n<ul>\n<li><strong>Value:<\/strong>&nbsp;Set start and end values for grayscale filter in percentage(%).<\/li>\n\n\n\n<li><strong>Speed:&nbsp;<\/strong>Set the animation speed.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Disable Floating Effects On Safari:<\/strong> You can disable Floating Effects on Safari browser to prevent any layout breaks that can result from compatibility between Safari browser and the modern CSS used to create the floating animations.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRnRyYW5zbGF0ZS1lZmZlY3QtZm9yLWVsZW1lbnRvci1nbG9iYWwtYmFkZ2UuZ2lmIiBkYXRhLXc9IjEwMjQiIGRhdGEtaD0iNTk3IiBkYXRhLWJpcD0iIj48L3N2Zz4=\" data-spai=\"1\" alt=\"On Left Side Red Arrow Pointing to Translate Effect and On Right Side Translate Badge Effect\" class=\"wp-image-36189\"\/><figcaption class=\"wp-element-caption\">Add Floating Effects in Elementor Badge Addon<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-layout-options-in-elementor-global-badge-addon\">The Layout Options in Elementor Badge Global Addon<\/h2>\n\n\n\n<p>Layout options tab in <strong>Elementor Badge <\/strong>addon contains horizontal and vertical position options. Also, you can set how to display text and icon together.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Please note: not all below options are available for all Elementor Global Badge Styles.<\/p>\n<\/blockquote>\n\n\n\n<ul>\n<li><strong>Horizontal Position:<\/strong> Set Elementor Badge position left or right.<\/li>\n\n\n\n<li><strong>Vertical Position:<\/strong> Set Elementor Badge position top or bottom.<\/li>\n\n\n\n<li><strong>Horizontal Offset:<\/strong> Set space from the left or right for Elementor Badge in pixel <strong>(PX)<\/strong> or percentage <strong>(%)<\/strong> on desktop, tablet and mobile.<\/li>\n\n\n\n<li><strong>Vertical Offset:<\/strong> Set space from the top or bottom for Elementor Badge in pixel <strong>(PX)<\/strong> or percentage <strong>(%)<\/strong> on desktop, tablet and mobile.<\/li>\n\n\n\n<li><strong>Rotate (Degrees):<\/strong> Set rotation degree value for Elementor badge in degrees.<\/li>\n<\/ul>\n\n\n\n<p><strong>The options below are available only if the Icon option is enabled.<\/strong><\/p>\n\n\n\n<ul>\n<li><strong>Display:<\/strong> Set how to display icon and text in Elementor Badge shape in block or inline.\n<ul>\n<li><strong>Block:<\/strong> Display text and icon below each other in same column.<\/li>\n\n\n\n<li><strong>Inline:<\/strong> Display text and icon below beside each other in same row.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Spacing:<\/strong> Set spacing between text and icon in pixel <strong>(PX)<\/strong> or em <strong>(EM)<\/strong> on desktop, tablet and mobile.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRnN0eWxlLWxheW91dC1lbGVtZW50b3ItZ2xvYmFsLWJhZGdlLmpwZyIgZGF0YS13PSIxMDI0IiBkYXRhLWg9IjU5NyIgZGF0YS1iaXA9IiI+PC9zdmc+\" data-spai=\"1\" alt=\"Style and Layout Option for Elementor Global Badge Addon\" class=\"wp-image-36190\"  \/><figcaption class=\"wp-element-caption\">Style and Layout Option in Elementor Global Badge Addon<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"elementor-global-badge-addon-shape-style\">Elementor Badge Global Addon Shape Style<\/h2>\n\n\n\n<p>Style tab in Elementor Badge addon contains the following options:<\/p>\n\n\n\n<ul>\n<li><strong>Size:<\/strong> Set size for <strong><strong><strong>Triangle<\/strong>&nbsp;<\/strong><\/strong>and <strong>Custom Layout<\/strong> Elementor badges in pixel&nbsp;<strong>(PX)<\/strong> or em&nbsp;<strong>(Em)<\/strong> on desktop, tablet and mobile.<\/li>\n\n\n\n<li><strong>Color:<\/strong> Pick a color for Elementor badge text.<\/li>\n\n\n\n<li><strong>Background Type:<\/strong> Pick background for Elementor badge shape.\n<ul>\n<li><strong>Classic Background:<\/strong> Color or Image Background.<\/li>\n\n\n\n<li><strong>Gradient Background:<\/strong> Set background using gradient colors.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Text Shadow:<\/strong> Adjust Elementor badge text shadow using the following controls:\n<ul>\n<li>Color<\/li>\n\n\n\n<li>Horizontal Position<\/li>\n\n\n\n<li>Vertical Position<\/li>\n\n\n\n<li>Blur<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Box Shadow:<\/strong> Add a shadow around\u00a0Elementor badge shape by controlling the following settings:\n<ul>\n<li>Horizontal Position<\/li>\n\n\n\n<li>Vertical Position<\/li>\n\n\n\n<li>Blur<\/li>\n\n\n\n<li>Spread<\/li>\n\n\n\n<li>Position:\n<ul>\n<li>Outline<\/li>\n\n\n\n<li>Inset<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Typography:<\/strong> Adjust Elementor badge text font settings and style it.<\/li>\n\n\n\n<li><strong>Border Type:<\/strong> Select from different&nbsp;border types, as well as the color and the width of the border on each side of Elementor Badge <strong>Circle<\/strong> and <strong>Custom Layout<\/strong> shapes.<\/li>\n\n\n\n<li><strong>Border Radius:<\/strong> Increasing the border-radius will add circular corners to the Elementor Badge shape. You can adjust the border-radius in pixel&nbsp;<strong>(PX)<\/strong>, percentage <strong>(%)<\/strong> or em&nbsp;<strong>(Em)<\/strong>.<\/li>\n\n\n\n<li><strong>Advanced Border Radius:<\/strong> Apply custom radius values for Elementor Badge <strong>Circle<\/strong> and <strong>Custom Layout<\/strong> shapes. Get the radius value from\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/9elements.github.io\/fancy-border-radius\/\" target=\"_blank\">Fancy Border Radius Generator<\/a>. Check this\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/docs\/advanced-border-radius-for-elementor\/\" target=\"_blank\">article<\/a>\u00a0for more information.<\/li>\n\n\n\n<li><strong>Z-Index:<\/strong> Set z-index value for Elementor badge shape, it\u2019s very useful option if badge is overlayed by another element.<\/li>\n\n\n\n<li><strong>Padding:<\/strong> Creates a space between Elementor badge shape and its text &amp; icon in pixel&nbsp;<strong>(PX)<\/strong>, percentage <strong>(%)<\/strong> or em&nbsp;<strong>(Em)<\/strong>&nbsp;on desktop, tablet and mobile.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRnN0eWxlLW9wdGlvbnMtZWxlbWVudG9yLWdsb2JhbC1iYWRnZS5qcGciIGRhdGEtdz0iMTAyNCIgZGF0YS1oPSI1OTciIGRhdGEtYmlwPSIiPjwvc3ZnPg==\" data-spai=\"1\" alt=\"Style Badge Shapes for Badges in Elementor\" class=\"wp-image-36194\"  \/><figcaption class=\"wp-element-caption\">Style Badge Shapes Options for Elementor Global Badge Addon<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"the-icon-style-in-elementor-global-badge-addon\">Icon Style in Elementor Badge Global Addon<\/h2>\n\n\n\n<p>If the icon option is enabled in Elementor Badge Addon, you can set the icon size, color, and border radius.<\/p>\n\n\n\n<ul>\n<li><strong>Icon Color:<\/strong> Pick a color for Elementor Global Badge icon.<\/li>\n\n\n\n<li><strong>Icon Size:<\/strong> Set Elementor Badge icon size in pixel <strong>(PX)<\/strong> and em <strong>(EM)<\/strong> on desktop, tablet and mobile.<\/li>\n\n\n\n<li><strong>Border Radius:<\/strong> Increasing the border-radius will add circular corners to the Elementor Badge shape image and lottie animation. You can adjust the border-radius in pixel&nbsp;<strong>(PX)<\/strong>, percentage <strong>(%)<\/strong> or em&nbsp;<strong>(Em)<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRmVsZW1lbnRvci1nbG9iYWwtYmFkZ2UtYWRkb24taWNvbi1zdHlsZS5qcGciIGRhdGEtdz0iMTAyNCIgZGF0YS1oPSI1OTciIGRhdGEtYmlwPSIiPjwvc3ZnPg==\" data-spai=\"1\" alt=\"On Left Side Arrow Pointing to Icon Color Option and On Right Side Red Arrow Pointing to Elementor Icon Badge \" class=\"wp-image-36995\"  \/><figcaption class=\"wp-element-caption\">Icon Style Options in Elementor Global Badge Addon<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"custom-svg-style-in-elementor-global-badge-addon\">SVG Blob Badge Style in Elementor Badge Global Addon<\/h2>\n\n\n\n<p>Customize the SVG blog shape size, offset, and z-index in custom layout Elementor badge addon.<\/p>\n\n\n\n<ul>\n<li><strong>Layer Size:<\/strong> Set Elementor SVG Badge shape size in pixel <strong>(PX)<\/strong> or em <strong>(EM)<\/strong> on desktop, tablet and mobile.<\/li>\n\n\n\n<li><strong>SVG Horizontal Offset:<\/strong> Set space from the left or right for Elementor SVG Badge shape in pixel <strong>(PX)<\/strong>, percentage <strong>(%)<\/strong> or em <strong>(EM)<\/strong> on desktop, tablet and mobile.<\/li>\n\n\n\n<li><strong>SVG Vertical Offset:<\/strong> Set space from the top or bottom for Elementor SVG Badge shape in pixel <strong>(PX)<\/strong>, percentage <strong>(%)<\/strong> or em <strong>(EM)<\/strong> on desktop, tablet and mobile.<\/li>\n\n\n\n<li><strong>Z-index:<\/strong> Set z-index value for Elementor SVG badge shape, it\u2019s very useful option if badge is overlayed by another element.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDU5NyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iNTk3IiBkYXRhLXU9Imh0dHBzJTNBJTJGJTJGcHJlbWl1bWFkZG9ucy5jb20lMkZ3cC1jb250ZW50JTJGdXBsb2FkcyUyRjIwMjIlMkYwMiUyRnN2Zy1sYXllci1zdHlsZS1mb3ItZWxlbWVudG9yLWdsb2JhbC1iYWRnZS1jdXN0b20tbGF5b3V0LmpwZyIgZGF0YS13PSIxMDI0IiBkYXRhLWg9IjU5NyIgZGF0YS1iaXA9IiI+PC9zdmc+\" data-spai=\"1\" alt=\"Style Custom SVG Badge Shapes in Elementor\" class=\"wp-image-36195\"  \/><figcaption class=\"wp-element-caption\">Style SVG blob shape badge in Elementor Global Badge Addon<\/figcaption><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p><strong>Elementor Global Badge Addon<\/strong>&nbsp;helps you to grab users&#8217; attention with simple and animated options that will help you to level up your Elementor pages design. Also, it has a lot of customization and style options that will help you to create the design you&#8217;re looking for with super flexible options. Generally, you can use it to mark Elementor elements like CTA buttons, new and hot items.<\/p>\n\n\n\n<p>We hope we were able to help you through this guide. Check out the rest of the <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/premium-addons-global-features-for-elementor\/\" target=\"_blank\">Global Features<\/a><\/strong>\u00a0in Premium Addons.<\/p>\n\n\n\n<p>Also, You can check out the rest of our&nbsp;<strong>Section &amp; Columns Addons<\/strong>&nbsp;like:<\/p>\n\n\n\n<ul>\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/elementor-lottie-animations-section-addon\/\" target=\"_blank\">Elementor Lottie Animation Section Addon<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/ken-burns-section-addon-for-elementor-page-builder\/\" target=\"_blank\">Elementor Ken Burns Section Addon<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/animated-section-gradients-for-elementor-page-builder\/\" target=\"_blank\">Elementor Animated Gradients Section Addon<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/parallax-section-addon-for-elementor-page-builder\/\" target=\"_blank\">Elementor Parallax Section Addon<\/a><\/li>\n\n\n\n<li><a rel=\"noreferrer noopener\" href=\"https:\/\/premiumaddons.com\/elementor-animated-blob-generator\/\" data-type=\"page\" data-id=\"31545\" target=\"_blank\">Elementor Animated Blob Generator Section Addon<\/a><\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><meta charset=\"utf-8\">If you still need any further assistance, feel free to contact Premium Addons <a href=\"https:\/\/my.leap13.com\/contact-support\/\" target=\"_blank\" rel=\"noreferrer noopener\">support team<\/a>. We would be more than glad to help \ud83d\ude01<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p><strong>Join the Community<\/strong><\/p>\n\n\n\n<p>You\u2019re most welcome to join our&nbsp;<a href=\"https:\/\/www.facebook.com\/groups\/PremiumAddons\/\" target=\"_blank\" rel=\"noreferrer noopener\">Facebook<\/a>&nbsp;group and&nbsp;<a href=\"https:\/\/www.youtube.com\/c\/Leap13\" target=\"_blank\" rel=\"noreferrer noopener\">YoutTube<\/a>&nbsp;channel to get updates about new features, improvements, and bug fixes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to put a badge on one of your Elemetor elements to make it remarkable and attractive to website visitors? We introduce Elementor Badge Global Addon that has a lot of customization options and can be placed on any Elementor section, column, inner section, or widget. Elementor Badge Global Addon has a lot [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"Elementor Badge Global Addon Tutorial - Premium Addons for Elementor","_seopress_titles_desc":"Elementor Badge Global Addon has 6 different styles, 3 icons types and unlimited customization options to create the badge that you&#039;re looking for. ","_seopress_robots_index":"","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"docs_category":[565],"docs_tag":[],"_links":{"self":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs\/36130"}],"collection":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/comments?post=36130"}],"version-history":[{"count":0,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs\/36130\/revisions"}],"wp:attachment":[{"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/media?parent=36130"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs_category?post=36130"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/premiumaddons.com\/wp-json\/wp\/v2\/docs_tag?post=36130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}