{"id":12540,"date":"2025-04-02T12:02:58","date_gmt":"2025-04-02T12:02:58","guid":{"rendered":"https:\/\/docs.zozothemes.com\/cea\/?p=12540"},"modified":"2025-04-24T04:56:39","modified_gmt":"2025-04-24T04:56:39","slug":"text-image","status":"publish","type":"post","link":"https:\/\/docs.zozothemes.com\/cea\/text-image\/","title":{"rendered":"Text Image"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"12540\" class=\"elementor elementor-12540\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d76013b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d76013b\" data-element_type=\"section\" data-e-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-0998fc5\" data-id=\"0998fc5\" data-element_type=\"column\" data-e-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-0f2707a elementor-widget elementor-widget-text-editor\" data-id=\"0f2707a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This shortcode For to Add the Text Image.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-99d0553 elementor-widget elementor-widget-video\" data-id=\"99d0553\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/docs.zozothemes.com\\\/wp-content\\\/uploads\\\/2021\\\/03\\\/banner-new.png&quot;,&quot;id&quot;:10220,&quot;size&quot;:&quot;&quot;},&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image.mp4\" loop=\"\" controls=\"\" preload=\"metadata\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" style=\"background-image: url(https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2021\/03\/banner-new-1.png);\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"Play Video\" tabindex=\"0\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-play\"><\/i>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-000d2fb cea-btn-align-center elementor-widget elementor-widget-ceabutton\" data-id=\"000d2fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceabutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container cea-button-wrapper\">\n\t\t\t\t\t<div class=\"cea-button-wrapper\">\n\t\t\t<a href=\"https:\/\/cea.zozothemes.com\/text-image\/\" class=\"cea-button-link elementor-button cea-button elementor-size-lg elementor-animation-grow\">\n\t\t\t\t\t\t<span class=\"cea-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"cea-button-icon cea-align-icon-right\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"ti ti-share\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t<span class=\"cea-button-text\">Demo Link<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\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-675e89e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"675e89e\" data-element_type=\"section\" data-e-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-inner-column elementor-element elementor-element-1ef9efc\" data-id=\"1ef9efc\" data-element_type=\"column\" data-e-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-3bbe468 elementor-widget elementor-widget-image\" data-id=\"3bbe468\" data-element_type=\"widget\" data-e-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 fetchpriority=\"high\" decoding=\"async\" width=\"418\" height=\"796\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_general.png\" class=\"attachment-full size-full wp-image-12542\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_general.png 418w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_general-158x300.png 158w\" sizes=\"(max-width: 418px) 100vw, 418px\" \/>\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<div class=\"elementor-element elementor-element-9c17597 elementor-widget elementor-widget-image\" data-id=\"9c17597\" data-element_type=\"widget\" data-e-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=\"330\" height=\"845\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_repeater.png\" class=\"attachment-full size-full wp-image-12543\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_repeater.png 330w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_repeater-117x300.png 117w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/>\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-inner-column elementor-element elementor-element-e077988\" data-id=\"e077988\" data-element_type=\"column\" data-e-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-a90b47a elementor-widget elementor-widget-image\" data-id=\"a90b47a\" data-element_type=\"widget\" data-e-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=\"372\" height=\"773\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_title.png\" class=\"attachment-full size-full wp-image-12547\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_title.png 372w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_title-144x300.png 144w\" sizes=\"(max-width: 372px) 100vw, 372px\" \/>\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<div class=\"elementor-element elementor-element-f50cabf elementor-widget elementor-widget-image\" data-id=\"f50cabf\" data-element_type=\"widget\" data-e-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 loading=\"lazy\" decoding=\"async\" width=\"372\" height=\"504\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_content.png\" class=\"attachment-full size-full wp-image-12544\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_content.png 372w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_content-221x300.png 221w\" sizes=\"(max-width: 372px) 100vw, 372px\" \/>\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<div class=\"elementor-element elementor-element-f2203d7 elementor-widget elementor-widget-image\" data-id=\"f2203d7\" data-element_type=\"widget\" data-e-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 loading=\"lazy\" decoding=\"async\" width=\"373\" height=\"257\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_link.png\" class=\"attachment-full size-full wp-image-12546\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_link.png 373w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_link-300x207.png 300w\" sizes=\"(max-width: 373px) 100vw, 373px\" \/>\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<div class=\"elementor-element elementor-element-84713c6 elementor-widget elementor-widget-image\" data-id=\"84713c6\" data-element_type=\"widget\" data-e-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 loading=\"lazy\" decoding=\"async\" width=\"373\" height=\"540\" src=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_image.png\" class=\"attachment-full size-full wp-image-12552\" alt=\"\" srcset=\"https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_image.png 373w, https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image_image-207x300.png 207w\" sizes=\"(max-width: 373px) 100vw, 373px\" \/>\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<div class=\"elementor-element elementor-element-ab5313c elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ab5313c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<h3>Content<\/h3><h4 style=\"text-decoration-line: underline;\">General<\/h4><div style=\"color: #515151; font-family: Roboto, sans-serif; font-size: 16px;\"><ul><li><span style=\"font-weight: bolder; color: #333333; font-family: var( --e-global-typography-text-font-family ), Sans-serif;\">Title &#8211; <\/span><span style=\"font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight );\">Here you can set the text that appears as the title.<\/span><\/li><li><span style=\"font-weight: bolder; color: #333333;\">Link Content &#8211; <\/span>\u00a0Here you can add as many links as you want.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Preffix Text &#8211; <\/span>\u00a0Here you can add text before the link, providing additional context or information.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Link Text &#8211;<\/span> Here you can add a text for the link, that displays a image when it hovered.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Suffix Text &#8211;<\/span> Here you can add text that displays after the link.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Link Attachment Image &#8211;\u00a0 <\/span>Here you can upload a image that will be displayed when the linked text is hovered.<\/li><\/ul><\/div><ul><li style=\"list-style-type: none;\"><ul><li>\u00a0<\/li><\/ul><\/li><\/ul><h3>Styles<\/h3><h4 style=\"text-decoration-line: underline;\">Title<\/h4><ul><li><span style=\"font-weight: bolder; color: #333333;\">Margin &#8211; <\/span>Here you can adjust the spacing around the title.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Padding\u00a0 &#8211; <\/span>Here you can set the inner spacing around the title text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Alignment &#8211; <\/span>Here you can control the positioning of the title text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Color\u00a0 &#8211; <\/span>Here you can set the color of the title text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Background Color\u00a0 &#8211; <\/span>Here you can set the background color of the title text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Hover Color\u00a0 &#8211;<\/span>\u00a0 Here you can set the color of the title text when it hovered.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Hover Background Color\u00a0 &#8211;<\/span> Here you can set the background color of the title text when it hovered.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Text Shadow\u00a0 &#8211;<\/span> Here you can set the shadow for the Title Text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Typography\u00a0 &#8211;<\/span> Here you can set typographical settings link font size, font family, line height, etc.<\/li><\/ul><h4 style=\"text-decoration-line: underline;\">Content<\/h4><ul><li><span style=\"font-weight: bolder; color: #333333;\">Margin &#8211; <\/span>Here you can adjust the spacing around the content text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Padding\u00a0 &#8211; <\/span>Here you can set the inner spacing around the content text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Alignment &#8211; <\/span>Here you can control the positioning of the content text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Color\u00a0 &#8211; <\/span>Here you can set the color of the content text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Background Color\u00a0 &#8211; <\/span>Here you can set the background color of the content text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Typography\u00a0 &#8211;<\/span> Here you can set typographical settings link font size, font family, line height, etc.<\/li><\/ul><h4 style=\"text-decoration-line: underline;\">Link<\/h4><ul><li><span style=\"font-weight: bolder; color: #333333;\">Color\u00a0 &#8211; <\/span>Here you can set the color of the link text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Background Color\u00a0 &#8211; <\/span>Here you can set the background color of the link text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Hover Color\u00a0 &#8211;<\/span>\u00a0 Here you can set the color of the link text when it hovered.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Hover Background Color\u00a0 &#8211;<\/span> Here you can set the background color of the link text when it hovered.<\/li><\/ul><h4 style=\"text-decoration-line: underline;\">Image<\/h4><ul><li><span style=\"font-weight: bolder; color: #333333;\">Padding\u00a0 &#8211; <\/span>Here you can set the inner spacing around the content text.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Width <\/span><span style=\"font-weight: bolder; color: #333333;\">&#8211; <\/span>Here you can set the width for the link attached images.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Border Type <\/span><span style=\"font-weight: bolder; color: #333333;\">&#8211; <\/span>Here you can select the border types like doubled, dotted, etc.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Border Radius <\/span><span style=\"font-weight: bolder; color: #333333;\">&#8211; <\/span>Here you can set the roundness for the images.<\/li><li><span style=\"font-weight: bolder; color: #333333;\">Image Animation <\/span><span style=\"font-weight: bolder; color: #333333;\">&#8211; <\/span>Here you can set the entrance animation for the images<\/li><\/ul>\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>This shortcode For to Add the Text Image.https:\/\/docs.zozothemes.com\/cea\/wp-content\/uploads\/2025\/04\/text-image.mp4 Demo Link ContentGeneralTitle &#8211; Here you can set the text that appears as the title.Link Content &#8211; \u00a0Here you can add as many links as you want.Preffix Text &#8211; \u00a0Here you can add text before the link, providing additional context or information.Link Text &#8211; Here you can [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2312,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-12540","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-shortcode"],"_links":{"self":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/12540","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/comments?post=12540"}],"version-history":[{"count":14,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/12540\/revisions"}],"predecessor-version":[{"id":12809,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/posts\/12540\/revisions\/12809"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/media\/2312"}],"wp:attachment":[{"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/media?parent=12540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/categories?post=12540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.zozothemes.com\/cea\/wp-json\/wp\/v2\/tags?post=12540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}