{"id":1954,"date":"2017-08-22T03:45:47","date_gmt":"2017-08-22T03:45:47","guid":{"rendered":"http:\/\/docs.contentviewspro.com\/?p=1954"},"modified":"2023-12-29T03:11:26","modified_gmt":"2023-12-29T03:11:26","password":"","slug":"overlay-image-title-content-permanently","status":"publish","type":"docs","link":"https:\/\/contentviewspro.com\/documentation\/article\/overlay-image-title-content-permanently\/","title":{"rendered":"Show overlay text on image permanently"},"content":{"rendered":"<p>Content Views Pro helps you to show title, content&#8230; on hover image easily (<a href=\"\/\/contentviewspro.com\/documentation\/article\/display-content-on-hover\/\" target=\"_blank\" rel=\"noopener noreferrer\">read more here<\/a>).<br \/>\nIt also can help you to overlay image with title, content&#8230; permanently without any line of code.<\/p>\n<blockquote>\n<div><b>Notice:<\/b> The Animation tab is created for the first-generation layouts (&#8220;Grid&#8221; to &#8220;One and others&#8221;).<br \/>\nFor next-generation layouts (&#8220;Grid 2&#8221; to &#8220;Big Post 2&#8221;), the Animation tab is disabled. To create an overlay layout, please use Overlay layouts (Overlay 1, 2, &#8230;, 8).<\/div>\n<\/blockquote>\n<p>In <strong>Animation<\/strong> tab, please select &#8220;<strong>Always<\/strong>&#8221; option for the \u201cOverlay Thumbnail With Text\u201d setting.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1955\" src=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2017\/08\/CVPro-overlay-permanently.png\" alt=\"Content Views Pro - overlay permanently\" width=\"564\" height=\"371\" srcset=\"https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2017\/08\/CVPro-overlay-permanently.png 564w, https:\/\/contentviewspro.com\/documentation\/wp-content\/uploads\/2017\/08\/CVPro-overlay-permanently-300x197.png 300w\" sizes=\"auto, (max-width: 564px) 100vw, 564px\" \/><\/p>\n<p>You can customize the position of the overlay easily with the &#8220;Overlay Position&#8221; setting.<\/p>\n<p>Best regards,<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Content Views Pro helps you to show title, content&#8230; on hover image easily (read more here). It also can help you to overlay image with title, content&#8230; permanently without any line of code. Notice: The Animation tab is created for the first-generation layouts (&#8220;Grid&#8221; to &#8220;One and others&#8221;). For next-generation layouts (&#8220;Grid 2&#8221; to &#8220;Big &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/contentviewspro.com\/documentation\/article\/overlay-image-title-content-permanently\/\"> <span class=\"screen-reader-text\">Show overlay text on image permanently<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"doc_category":[11],"doc_tag":[18,15,16],"class_list":["post-1954","docs","type-docs","status-publish","hentry","doc_category-quick-guide","doc_tag-overlay","doc_tag-post-title","doc_tag-thumbnail"],"year_month":"2026-09","word_count":100,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"CVP","author_nicename":"cvp","author_url":"https:\/\/contentviewspro.com\/documentation\/author\/cvp\/"},"doc_category_info":[{"term_name":"Quick Guide","term_url":"https:\/\/contentviewspro.com\/documentation\/cats\/quick-guide\/"}],"doc_tag_info":[{"term_name":"overlay","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/overlay\/"},{"term_name":"post title","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/post-title\/"},{"term_name":"thumbnail","term_url":"https:\/\/contentviewspro.com\/documentation\/tags\/thumbnail\/"}],"_links":{"self":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1954","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/comments?post=1954"}],"version-history":[{"count":6,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1954\/revisions"}],"predecessor-version":[{"id":5599,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/docs\/1954\/revisions\/5599"}],"wp:attachment":[{"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/media?parent=1954"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_category?post=1954"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/contentviewspro.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=1954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}