{"id":14595,"date":"2021-02-03T09:39:23","date_gmt":"2021-02-03T09:39:23","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/?page_id=14595"},"modified":"2023-03-03T10:12:41","modified_gmt":"2023-03-03T10:12:41","slug":"message-boxes","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/message-boxes\/","title":{"rendered":"Elementor Message Boxes Widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14595\" class=\"elementor elementor-14595\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-06a4dd6 elementor-section-full_width elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"06a4dd6\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9dc01d0 qodef-sticky-column--no\" data-id=\"9dc01d0\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18771b0 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"18771b0\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--underline qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t\t\t<h1 class=\"qodef-m-title\">\n\t\tMessage Boxes<br \/> <span class=\"qodef-e-decorated\">ELEMENTOR<\/span> widget\t<\/h1>\n\t\t\t<div class=\"qodef-m-text\"><p>Draw special attention to pieces of information by featuring them in custom-styled message box layouts<\/p><\/div>\n\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a928244 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"a928244\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-238bf56 qodef-sticky-column--no\" data-id=\"238bf56\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dd7f98a elementor-widget__width-initial elementor-widget-tablet__width-auto elementor-widget elementor-widget-qi_addons_for_elementor_button\" data-id=\"dd7f98a\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a class=\"qodef-shortcode qodef-m qodef-qi-button qodef-html--link qodef-layout--filled qodef-type--standard qodef-icon--left qodef-hover--icon-move-horizontal-short qodef-text-underline qodef-underline--left\" href=\"https:\/\/qodeinteractive.com\/pricing\/?qi_product=addons\" target=\"_blank\">\n\t<span class=\"qodef-m-text\">Try qi addons<\/span>\n\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d47776 elementor-widget__width-initial elementor-widget-tablet__width-auto elementor-widget elementor-widget-qi_addons_for_elementor_button\" data-id=\"4d47776\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a class=\"qodef-shortcode qodef-m qodef-qi-button qodef-html--link qodef-layout--filled qodef-type--standard qodef-icon--left\" href=\"https:\/\/www.youtube.com\/watch?v=65ix-TzygYw\" target=\"_blank\">\n\t<span class=\"qodef-m-text\">Youtube tutorial<\/span>\n\t\t<span class=\"qodef-m-icon\">\n\t\t<span class=\"qodef-m-icon-inner\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"8.688px\" height=\"12.873px\" viewBox=\"0 0 8.688 12.873\" xml:space=\"preserve\"><g>\t<path fill=\"#FFFFFF\" d=\"M8.688,6.435c0,0.229-0.083,0.406-0.25,0.531l-7.313,5.75c-0.146,0.104-0.292,0.156-0.438,0.156  c-0.063,0-0.156-0.021-0.281-0.063C0.135,12.685,0,12.477,0,12.185v-11.5c0-0.292,0.135-0.5,0.406-0.625  c0.25-0.104,0.489-0.073,0.719,0.094l7.313,5.75C8.604,6.029,8.688,6.206,8.688,6.435z M6.875,6.435l-5.5-4.313v8.625L6.875,6.435z  \"><\/path><\/g><\/svg>\t\t\t\t\t<\/span>\n\t<\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-9b18703 elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-mobile_extra qodef-sticky-column--no\" data-id=\"9b18703\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-519b95b elementor-widget elementor-widget-image\" data-id=\"519b95b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/qi4.qodeinteractive.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"808\" height=\"585\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/message-boxes-new-title.png\" class=\"attachment-full size-full wp-image-69857\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/message-boxes-new-title.png 808w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/message-boxes-new-title-300x217.png 300w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/message-boxes-new-title-768x556.png 768w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/message-boxes-new-title-600x434.png 600w\" sizes=\"(max-width: 808px) 100vw, 808px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-27d86ca qodef-elementor-content-grid elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"27d86ca\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7703f29 qodef-sticky-column--no\" data-id=\"7703f29\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-367c00c elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"367c00c\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--italic qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t<h6 class=\"qodef-m-subtitle\">\n\t\tCustomizable Message Boxes\t\t\t<\/h6>\n\t\t\t<h2 class=\"qodef-m-title\">\n\t\tChange colors &amp; icons\t<\/h2>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df99913 elementor-widget elementor-widget-qi_addons_for_elementor_message_box\" data-id=\"df99913\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_message_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-message-box qodef-icon--top\">\n\t\t<span class=\"qodef-m-icon\">\n\t\t<i aria-hidden=\"true\" class=\"far fa-bookmark\"><\/i>\t<\/span>\n\t<div>\n\t\t\t<h5 class=\"qodef-m-title\">\n\t\tAdjust the colors for backgrounds, icons, titles and text. It all takes just a couple of clicks. \t<\/h5>\n\t\t\t<\/div>\n\t\t<span class=\"qodef-m-close-icon\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><g><path stroke=\"none\" d=\"M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z\"><\/path><\/g><\/svg>\t<\/span>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7b94ef2 elementor-widget elementor-widget-qi_addons_for_elementor_message_box\" data-id=\"7b94ef2\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_message_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-message-box qodef-icon--top\">\n\t\t<span class=\"qodef-m-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-star\"><\/i>\t<\/span>\n\t<div>\n\t\t\t<h5 class=\"qodef-m-title\">\n\t\tFeature icons or SVGs in your message boxes and adjust icon positions, colors and sizes.\t<\/h5>\n\t\t\t<\/div>\n\t\t<span class=\"qodef-m-close-icon\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><g><path stroke=\"none\" d=\"M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z\"><\/path><\/g><\/svg>\t<\/span>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f1df87 elementor-widget elementor-widget-qi_addons_for_elementor_message_box\" data-id=\"9f1df87\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_message_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-message-box qodef-icon--top\">\n\t\t<span class=\"qodef-m-icon\">\n\t\t<i aria-hidden=\"true\" class=\"far fa-bookmark\"><\/i>\t<\/span>\n\t<div>\n\t\t\t<h5 class=\"qodef-m-title\">\n\t\tEasily adjust typography styles and text colors for your message box titles &amp; text separately. \t<\/h5>\n\t\t\t<\/div>\n\t\t<span class=\"qodef-m-close-icon\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><g><path stroke=\"none\" d=\"M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z\"><\/path><\/g><\/svg>\t<\/span>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-48fa545 elementor-section-full_width elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"48fa545\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-683ae69 qodef-sticky-column--no\" data-id=\"683ae69\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d903c46 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-image\" data-id=\"d903c46\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"1004\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/message-boxes-img-1.png\" class=\"attachment-large size-large wp-image-14692\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/message-boxes-img-1.png 800w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/message-boxes-img-1-600x753.png 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/message-boxes-img-1-239x300.png 239w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/message-boxes-img-1-768x964.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fcfd2bb qodef-sticky-column--no\" data-id=\"fcfd2bb\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bb32538 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"bb32538\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--italic qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t<h6 class=\"qodef-m-subtitle\">\n\t\tMessage Boxes widget\t\t\t<\/h6>\n\t\t\t<h2 class=\"qodef-m-title\">\n\t\tBox backgrounds\t<\/h2>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d74f34 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-qi_addons_for_elementor_message_box\" data-id=\"9d74f34\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_message_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-message-box qodef-icon--top\">\n\t\t<span class=\"qodef-m-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t<\/span>\n\t<div>\n\t\t\t<h5 class=\"qodef-m-title\">\n\t\tDraw attention to your message boxes the way you pick. Easily <i> select a background type &amp; alter message box background colors without any effort. <\/i>\t<\/h5>\n\t\t\t<\/div>\n\t\t<span class=\"qodef-m-close-icon\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><g><path stroke=\"none\" d=\"M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z\"><\/path><\/g><\/svg>\t<\/span>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1218fcf elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-qi_addons_for_elementor_message_box\" data-id=\"1218fcf\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_message_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-message-box qodef-icon--top\">\n\t\t<span class=\"qodef-m-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-check-circle\"><\/i>\t<\/span>\n\t<div>\n\t\t\t<h5 class=\"qodef-m-title\">\n\t\tYou can also display images in your message box backgrounds, and <i> adjust how the images appear by selecting image sizes, attachment styles &amp; more. <\/i>\t<\/h5>\n\t\t\t<\/div>\n\t\t<span class=\"qodef-m-close-icon\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><g><path stroke=\"none\" d=\"M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z\"><\/path><\/g><\/svg>\t<\/span>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c910986 elementor-section-full_width elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"c910986\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-79d5c43 qodef-sticky-column--no\" data-id=\"79d5c43\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3edb51b elementor-widget__width-initial elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"3edb51b\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--italic qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t<h6 class=\"qodef-m-subtitle\">\n\t\tAdjust colors and fonts\t\t\t<\/h6>\n\t\t\t<h2 class=\"qodef-m-title\">\n\t\tTypography options\t<\/h2>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a537945 elementor-section-full_width elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"a537945\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-52ae192 qodef-sticky-column--no\" data-id=\"52ae192\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8f1d53f elementor-widget elementor-widget-qi_addons_for_elementor_message_box\" data-id=\"8f1d53f\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_message_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-message-box qodef-icon--top\">\n\t\t<span class=\"qodef-m-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-exclamation-circle\"><\/i>\t<\/span>\n\t<div>\n\t\t\t<h5 class=\"qodef-m-title\">\n\t\tHas phaedrum move dolore honestatis cum. Aequem vitae hinc omittam ad sit, audiam. <i>Duo, ut eam nihil principes ei dolor, malorum. Ex brute simul feugait. <\/i>\t<\/h5>\n\t\t\t<\/div>\n\t\t<span class=\"qodef-m-close-icon\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><g><path stroke=\"none\" d=\"M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z\"><\/path><\/g><\/svg>\t<\/span>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-440ba29 elementor-widget elementor-widget-qi_addons_for_elementor_message_box\" data-id=\"440ba29\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_message_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-message-box qodef-icon--top\">\n\t\t<span class=\"qodef-m-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-star\"><\/i>\t<\/span>\n\t<div>\n\t\t\t<h4 class=\"qodef-m-title\">\n\t\tHas phaedrum move dolore honestatis cum. Aequem vitae omittam hinc ad sit, audiam. Duo, ut eam principes nihil ei dolor cu, malorum ullum.\t<\/h4>\n\t\t\t<\/div>\n\t\t<span class=\"qodef-m-close-icon\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><g><path stroke=\"none\" d=\"M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z\"><\/path><\/g><\/svg>\t<\/span>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-4f3e307 qodef-sticky-column--no\" data-id=\"4f3e307\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7a6eaf8 elementor-widget elementor-widget-qi_addons_for_elementor_message_box\" data-id=\"7a6eaf8\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_message_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-message-box qodef-icon--top\">\n\t\t<span class=\"qodef-m-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-exclamation-circle\"><\/i>\t<\/span>\n\t<div>\n\t\t\t<h5 class=\"qodef-m-title\">\n\t\tHas phaedrum move dolore honestatis cum. Aequem vitae hinc omittam ad sit, audiam. <i>Duo, ut eam nihil principes ei dolor, malorum. Ex brute simul feugait. <\/i>\t<\/h5>\n\t\t\t<p class=\"qodef-m-text\">\n\t\t Altera oportere pro id, novum id aperiam dissentiunt. Ut ius eius soluta option, eos augue ad cum interpretaris. Dico incorrupte ex sit, vix essent omittam. Ei has corrumpit consequat, salutandi. \t<\/p>\n\t<\/div>\n\t\t<span class=\"qodef-m-close-icon\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><g><path stroke=\"none\" d=\"M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z\"><\/path><\/g><\/svg>\t<\/span>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1099864 elementor-widget elementor-widget-qi_addons_for_elementor_message_box\" data-id=\"1099864\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_message_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-message-box qodef-icon--top\">\n\t\t<span class=\"qodef-m-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-star\"><\/i>\t<\/span>\n\t<div>\n\t\t\t<h4 class=\"qodef-m-title\">\n\t\tHas phaedrum move dolore honestatis cum. Aequem vitae omittam hinc ad sit, audiam. Duo, ut eam principes nihil ei.\t<\/h4>\n\t\t\t<\/div>\n\t\t<span class=\"qodef-m-close-icon\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><g><path stroke=\"none\" d=\"M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z\"><\/path><\/g><\/svg>\t<\/span>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-inner-column elementor-element elementor-element-67f7d45 qodef-sticky-column--no\" data-id=\"67f7d45\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-58b08ee elementor-widget elementor-widget-qi_addons_for_elementor_message_box\" data-id=\"58b08ee\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_message_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-message-box qodef-icon--top\">\n\t\t<span class=\"qodef-m-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-exclamation-circle\"><\/i>\t<\/span>\n\t<div>\n\t\t\t<h5 class=\"qodef-m-title\">\n\t\tHas phaedrum move dolore honestatis cum. Aequem vitae hinc omittam ad sit, audiam. <i>Duo, ut eam nihil principes ei dolor, malorum. Ex brute simul feugait. <\/i>\t<\/h5>\n\t\t\t<\/div>\n\t\t<span class=\"qodef-m-close-icon\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><g><path stroke=\"none\" d=\"M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z\"><\/path><\/g><\/svg>\t<\/span>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bb3a3b0 elementor-widget elementor-widget-qi_addons_for_elementor_message_box\" data-id=\"bb3a3b0\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_message_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-message-box qodef-icon--top\">\n\t\t<span class=\"qodef-m-icon\">\n\t\t<i aria-hidden=\"true\" class=\"fas fa-star\"><\/i>\t<\/span>\n\t<div>\n\t\t\t<h4 class=\"qodef-m-title\">\n\t\tHas phaedrum move dolore honestatis cum. Aequem vitae omittam hinc ad sit, audiam. Duo, ut eam principes nihil ei dolor cu, malorum ullum.\t<\/h4>\n\t\t\t<\/div>\n\t\t<span class=\"qodef-m-close-icon\">\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" width=\"32\" viewBox=\"0 0 32 32\" fill=\"currentColor\"><g><path stroke=\"none\" d=\"M 10.050,23.95c 0.39,0.39, 1.024,0.39, 1.414,0L 17,18.414l 5.536,5.536c 0.39,0.39, 1.024,0.39, 1.414,0 c 0.39-0.39, 0.39-1.024,0-1.414L 18.414,17l 5.536-5.536c 0.39-0.39, 0.39-1.024,0-1.414c-0.39-0.39-1.024-0.39-1.414,0 L 17,15.586L 11.464,10.050c-0.39-0.39-1.024-0.39-1.414,0c-0.39,0.39-0.39,1.024,0,1.414L 15.586,17l-5.536,5.536 C 9.66,22.926, 9.66,23.56, 10.050,23.95z\"><\/path><\/g><\/svg>\t<\/span>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Message Boxes ELEMENTOR widget Draw special attention to pieces of information by featuring them in custom-styled message box layouts Try qi addons Youtube tutorial Customizable Message Boxes Change colors &amp; icons Adjust the colors for backgrounds, icons, titles and text. It all takes just a couple of clicks. Feature icons or SVGs in your message [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"the-q-full-width.php","meta":{"footnotes":""},"class_list":["post-14595","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/pages\/14595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/comments?post=14595"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/pages\/14595\/revisions"}],"predecessor-version":[{"id":84135,"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/pages\/14595\/revisions\/84135"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/media?parent=14595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}