<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>thumbnail &#8211; Content Views Pro</title>
	<atom:link href="https://contentviewspro.com/documentation/tags/thumbnail/feed/" rel="self" type="application/rss+xml" />
	<link>https://contentviewspro.com/documentation</link>
	<description>Most Popular Filter &#38; Grid Plugin For WordPress</description>
	<lastBuildDate>Wed, 25 Sep 2024 09:25:38 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	
	<item>
		<title>Show thumbnail without hyperlink (disable link of thumbnail)</title>
		<link>https://contentviewspro.com/documentation/article/show-thumbnail-without-hyperlink/</link>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Tue, 17 Oct 2017 10:44:39 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=2400</guid>

					<description><![CDATA[Content Views helps you to show post&#8217;s thumbnail image easily without coding. By default, thumbnail is linked to the post. # Disable thumbnail link for all posts in View To show thumbnail image without link for a View, please add this code to file functions.php of your active theme: // Content Views Pro - Show &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/show-thumbnail-without-hyperlink/"> <span class="screen-reader-text">Show thumbnail without hyperlink (disable link of thumbnail)</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>Content Views helps you to show post&#8217;s thumbnail image easily without coding.<br />
By default, thumbnail is linked to the post. </p>
<h2># Disable thumbnail link for all posts in View</h2>
<p>To show thumbnail image without link for a View, please add this code to file <strong>functions.php</strong> of your active theme:</p>
<pre style="font-size:13px">
// Content Views Pro - Show thumbnail without hyperlink
add_filter( 'pt_cv_field_thumbnail_nolink', 'cvp_theme_field_thumbnail_nolink' );
function cvp_theme_field_thumbnail_nolink( $args ) {
	global $pt_cv_id;
	if ( $pt_cv_id === 'VIEW_ID' ) {
		$args = true;
	}

	return $args;
}
</pre>
<p>(replace <strong>VIEW_ID</strong> with <a href="https://contentviewspro.com/documentation/article/what-is-id-of-a-view/">ID of your View</a>)</p>
<h2 id="specific"># Disable thumbnail link of some posts only</h2>
<p>Please add this code to file <strong>functions.php</strong> of your active theme:</p>
<pre style="font-size:13px">
// Content Views Pro - Show thumbnail without hyperlink
add_filter( 'pt_cv_field_thumbnail_nolink', 'cvp_theme_field_thumbnail_nolink_some' );
function cvp_theme_field_thumbnail_nolink_some( $args ) {
	global $pt_cv_id, $post;
	if ( $pt_cv_id === 'VIEW_ID' && in_array( $post->ID, array( 10, 20, 30 ) ) ) {
		$args = true;
	}

	return $args;
}
</pre>
<p>(replace <strong>VIEW_ID</strong> with <a href="https://contentviewspro.com/documentation/article/what-is-id-of-a-view/">ID of your View</a>; replace <strong>10, 20, 30</strong> with IDs of the posts)</p>
<p>Best regards,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Show overlay text on image permanently</title>
		<link>https://contentviewspro.com/documentation/article/overlay-image-title-content-permanently/</link>
		
		<dc:creator><![CDATA[CVP]]></dc:creator>
		<pubDate>Tue, 22 Aug 2017 03:45:47 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=1954</guid>

					<description><![CDATA[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 &#8230;<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 &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<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 />
It also can help you to overlay image with title, content&#8230; permanently without any line of code.</p>
<blockquote>
<div><b>Notice:</b> The Animation tab is created for the first-generation layouts (&#8220;Grid&#8221; to &#8220;One and others&#8221;).<br />
For 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>
</blockquote>
<p>In <strong>Animation</strong> tab, please select &#8220;<strong>Always</strong>&#8221; option for the “Overlay Thumbnail With Text” setting.</p>
<p><img fetchpriority="high" 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="(max-width: 564px) 100vw, 564px" /></p>
<p>You can customize the position of the overlay easily with the &#8220;Overlay Position&#8221; setting.</p>
<p>Best regards,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Link the thumbnail to its full image</title>
		<link>https://contentviewspro.com/documentation/article/link-thumbnail-full-image/</link>
		
		<dc:creator><![CDATA[CVP]]></dc:creator>
		<pubDate>Thu, 27 Jul 2017 03:15:23 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=1863</guid>

					<description><![CDATA[By default, thumbnail will link to the post. To link the thumbnail to its full image, please add this code to file functions.php of your active theme: // Content Views Pro - thumbnail link to its full image add_filter( 'pt_cv_field_href', 'cvp_theme_thumbnail_link_itself', 100, 2 ); function cvp_theme_thumbnail_link_itself( $href, $post ) { $trace = debug_backtrace(); if ( &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/link-thumbnail-full-image/"> <span class="screen-reader-text">Link the thumbnail to its full image</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>By default, thumbnail will link to the post.<br />
To link the thumbnail to its full image, please add this code to file <strong>functions.php</strong> of your active theme:</p>
<pre style="font-size:13px">
// Content Views Pro - thumbnail link to its full image
add_filter( 'pt_cv_field_href', 'cvp_theme_thumbnail_link_itself', 100, 2 );
function cvp_theme_thumbnail_link_itself( $href, $post ) {
	$trace = debug_backtrace();	
	if ( !empty($trace[5]['function']) && $trace[5]['function'] === '_field_thumbnail' ) {
		$full_img = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' );
		if ( !empty( $full_img[0] ) ) {
				$href = $full_img[0];
		}
	}

	return $href;
}

</pre>
<p>Best regards,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Change the default thumbnail image</title>
		<link>https://contentviewspro.com/documentation/article/change-the-default-thumbnail-image/</link>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Wed, 05 Jul 2017 04:44:34 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=1795</guid>

					<description><![CDATA[When there is neither featured image nor image/video inside post content, Content Views Pro will display this default image: To use your own image, please add this code to file functions.php in the theme&#8217;s folder (or install this plugin Code Snippets then add this code to the &#8220;Code&#8221; textarea): // Content Views Pro - Custom &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/change-the-default-thumbnail-image/"> <span class="screen-reader-text">Change the default thumbnail image</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>When there is neither featured image nor image/video inside post content, Content Views Pro will display this default image:<br />
<img decoding="async" src="https://www.contentviewspro.com/wp-content/uploads/2017/07/default_image.png" alt="" width="300" /></p>
<p>To use your own image, please add this code to file <strong>functions.php</strong> in the theme&#8217;s folder (or install this plugin <a href="https://wordpress.org/plugins/code-snippets/" rel="nofollow">Code Snippets</a> then add this code to <a href="https://ps.w.org/code-snippets/assets/screenshot-2.png" rel="nofollow">the &#8220;Code&#8221; textarea</a>):</p>
<pre style="font-size: 13px;">// Content Views Pro - Custom default image
add_filter( 'pt_cv_default_image', 'cvp_theme_default_image', 100, 1 );
function cvp_theme_default_image( $args ) {
	$args = 'YOUR_IMAGE_URL';
	return $args;
}
</pre>
<p>Please replace <strong>YOUR_IMAGE_URL</strong> with the full URL of your image.</p>
<p>Thank you,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Fix: images look blurry</title>
		<link>https://contentviewspro.com/documentation/article/thumbnail-quality-is-bad-images-look-blurry/</link>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Fri, 09 Jun 2017 10:07:33 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=1624</guid>

					<description><![CDATA[If images look blurry, the possible reasons are: the selected size is too small. Under Display Settings >> Fields Settings >> Thumbnail >> Size, please select another option which has bigger width and height. the responsive images are loaded. To fix this problem, please select the option Disable responsive image of WordPress under Display Settings &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/thumbnail-quality-is-bad-images-look-blurry/"> <span class="screen-reader-text">Fix: images look blurry</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>If images look blurry, the possible reasons are:</p>
<ul>
<li>the selected size is too small. Under Display Settings >> Fields Settings >> Thumbnail >> Size, please select another option which has bigger width and height.</li>
<li>the responsive images are loaded. To fix this problem, please select the option<br />
<strong>Disable responsive image of WordPress</strong><br />
under Display Settings >> Fields settings >> Thumbnail.</p>
<p><img decoding="async" src="https://contentviewspro.com/documentation/wp-content/uploads/2017/06/Content-Views-thumbnail-quality.png" alt="" width="513" height="148" class="alignnone size-full wp-image-1625" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2017/06/Content-Views-thumbnail-quality.png 513w, https://contentviewspro.com/documentation/wp-content/uploads/2017/06/Content-Views-thumbnail-quality-300x87.png 300w" sizes="(max-width: 513px) 100vw, 513px" /></li>
</ul>
<p>Thank you,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Show images in a same size</title>
		<link>https://contentviewspro.com/documentation/article/show-thumbnail-image-size-difference/</link>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Sat, 03 Jun 2017 03:52:34 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=1596</guid>

					<description><![CDATA[Content Views Pro helps you to show WordPress featured image, image inside post content easily. But these images can have different sizes, how to show them in a same size? # Same Existing Size To show all images in a same existing size, please: edit the View, go to Display Settings >> Fields Settings >> &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/show-thumbnail-image-size-difference/"> <span class="screen-reader-text">Show images in a same size</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>Content Views Pro helps you to show WordPress featured image, image inside post content easily. But these images can have different sizes, how to show them in a same size?</p>
<h1 id="existing-size"># Same Existing Size</h1>
<p>To show all images in a same existing size, please:</p>
<ul>
<li>edit the View, go to Display Settings >> Fields Settings >> Thumbail</li>
<li>select an existing size from the dropdown, for example: Medium (300 x 300)</li>
<li>select the <strong>Show all images in same size</strong> checkbox
<p><img decoding="async" src="https://contentviewspro.com/documentation/wp-content/uploads/2017/06/Content-Views-Pro-show-images-in-same-size.png" alt="" width="574" height="126" class="alignnone size-full wp-image-1598" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2017/06/Content-Views-Pro-show-images-in-same-size.png 574w, https://contentviewspro.com/documentation/wp-content/uploads/2017/06/Content-Views-Pro-show-images-in-same-size-300x66.png 300w" sizes="(max-width: 574px) 100vw, 574px" /></li>
</ul>
<h1 id="custom-size"># Same Custom Size</h1>
<p>To show all images in a same custom size, please:</p>
<ul>
<li>edit the View, go to Display Settings >> Fields Settings >> Thumbail</li>
<li>select the <strong>< Custom Size ></strong> option</li>
<li>set the width, height value</li>
<li>select the <strong>Soft resize</strong> or <strong>Hard resize</strong> option
<p><img loading="lazy" decoding="async" src="https://contentviewspro.com/documentation/wp-content/uploads/2017/06/Content-Views-Pro-soft-resize-custom-size.png" alt="" width="577" height="237" class="alignnone size-full wp-image-1622" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2017/06/Content-Views-Pro-soft-resize-custom-size.png 577w, https://contentviewspro.com/documentation/wp-content/uploads/2017/06/Content-Views-Pro-soft-resize-custom-size-300x123.png 300w" sizes="auto, (max-width: 577px) 100vw, 577px" />
</li>
</ul>
<p>Thank you,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>How does Content Views get the thumbnail image?</title>
		<link>https://contentviewspro.com/documentation/article/content-views-pro-get-thumbnail/</link>
		
		<dc:creator><![CDATA[CVP]]></dc:creator>
		<pubDate>Thu, 20 Apr 2017 02:48:48 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=2005</guid>

					<description><![CDATA[With Content Views Free, you can show featured image as thumbnail. Here is how it works: By default, Content Views will look for the featured image. If nothing found, Content Views will display a default image (how to replace default image by your image). With Content Views Pro, you can show featured image, image/video/audio in &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/content-views-pro-get-thumbnail/"> <span class="screen-reader-text">How does Content Views get the thumbnail image?</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>With Content Views Free, you can show featured image as thumbnail. Here is how it works:</p>
<ul>
<li>By default, Content Views will look for the <a href="https://contentviewspro.com/documentation/article/how-to-add-featured-image-to-your-posts-pages/" target="_blank" rel="noopener">featured image</a>.</li>
<li>If nothing found, Content Views will display a default image (<a href="http://contentviewspro.com/documentation/article/change-the-default-thumbnail-image/" target="_blank" rel="noopener noreferrer">how to replace default image by your image</a>).</li>
</ul>
<p>With Content Views Pro, you can show featured image, image/video/audio in post content, image custom field as thumbnail. Here is how it works:</p>
<ul>
<li>By default, Content Views Pro (CVP) will look for the featured image.</li>
<li>If no featured image found (<em>or if you select option to force replacing featured image</em>), CVP will look for image/video/audio URL in post content (<a href="http://contentviewspro.com/documentation/article/media-thumbnail/" target="_blank" rel="noopener noreferrer">how to insert image/video/audio URL</a>).<br />
If one of these things found, it will be shown as thumbnail.</li>
<li>You also can select an image custom field to show (<a href="http://contentviewspro.com/documentation/article/show-custom-field-as-thumbnail-of-post/" target="_blank" rel="noopener noreferrer">read document</a>).</li>
<li>If nothing found, CVP will display a default image (<a href="http://contentviewspro.com/documentation/article/change-the-default-thumbnail-image/" target="_blank" rel="noopener noreferrer">how to replace default image by your image</a>).</li>
</ul>
<p>Best regards,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Enable Lazyload for image, iframe</title>
		<link>https://contentviewspro.com/documentation/article/enable-lazyload-image-iframe/</link>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Wed, 15 Feb 2017 18:02:37 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=1189</guid>

					<description><![CDATA[This feature is only available in the Pro version. Lazy loading for image and iframe will improve performance of page a lot. To enable it, please check the option &#8220;Enable&#8221; for &#8220;Lazy Load&#8221; setting (under Display Settings >> Fields settings >> Thumbnail section). Best regards,]]></description>
										<content:encoded><![CDATA[
<blockquote><p>This feature is only available in the <a href="https://www.contentviewspro.com/#buynow" target="_blank" rel="noopener noreferrer">Pro version</a>.</p></blockquote>


<p>Lazy loading for image and iframe will improve performance of page a lot.<br />
To enable it, please check the option &#8220;Enable&#8221; for &#8220;Lazy Load&#8221; setting (<em>under Display Settings >> Fields settings >> Thumbnail section</em>).</p>
<p><img loading="lazy" decoding="async" src="https://contentviewspro.com/documentation/wp-content/uploads/2017/02/Lazyload1.png" alt="" width="591" height="313" class="alignnone size-full wp-image-1199" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2017/02/Lazyload1.png 591w, https://contentviewspro.com/documentation/wp-content/uploads/2017/02/Lazyload1-300x159.png 300w" sizes="auto, (max-width: 591px) 100vw, 591px" /></p>
<p>Best regards,</p>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Show an image custom field as thumbnail</title>
		<link>https://contentviewspro.com/documentation/article/show-custom-field-as-thumbnail-of-post/</link>
		
		<dc:creator><![CDATA[CVP]]></dc:creator>
		<pubDate>Wed, 01 Feb 2017 07:48:36 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=1898</guid>

					<description><![CDATA[Content Views Pro version 5.5.0 and higher Since Content Views Pro version 5.5.0, you can easily show image custom field as thumbnail without coding. Here is the configuration in Display Settings &#62;&#62; Fields Settings &#62;&#62; Thumbnail of the View to show any image custom field as thumbnail: Content Views Pro version 5.4.1 and prior For &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/show-custom-field-as-thumbnail-of-post/"> <span class="screen-reader-text">Show an image custom field as thumbnail</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<h2>Content Views Pro version 5.5.0 and higher</h2>
<p>Since Content Views Pro version 5.5.0, you can easily show image custom field as thumbnail without coding.</p>
<p>Here is the configuration in Display Settings &gt;&gt; Fields Settings &gt;&gt; Thumbnail of the View to show any image custom field as thumbnail:</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-3562" src="https://contentviewspro.com/documentation/wp-content/uploads/2017/02/Content-Views-Pro-Show-image-custom-field-as-thumbnail.png" alt="" width="581" height="138" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2017/02/Content-Views-Pro-Show-image-custom-field-as-thumbnail.png 581w, https://contentviewspro.com/documentation/wp-content/uploads/2017/02/Content-Views-Pro-Show-image-custom-field-as-thumbnail-300x71.png 300w" sizes="auto, (max-width: 581px) 100vw, 581px" /></p>
<h2>Content Views Pro version 5.4.1 and prior</h2>
<p>For previous Pro versions, to show the custom field as thumbnail, please follow steps below:</p>
<ul>
<li>In the View where you want to show the custom field as thumbnail, select the <strong>Show Thumbnail</strong> checkbox in Display Settings &gt;&gt; Fields settings.</li>
<li>Under Display Settings &gt;&gt; Fields settings &gt;&gt; Thumbnail &gt;&gt; Substitute, please configure as below:<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-2776" src="https://contentviewspro.com/documentation/wp-content/uploads/2017/02/CVP-show-custom-field-as-thumbnail.png" alt="CVP - show custom field as thumbnail" width="540" height="145" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2017/02/CVP-show-custom-field-as-thumbnail.png 540w, https://contentviewspro.com/documentation/wp-content/uploads/2017/02/CVP-show-custom-field-as-thumbnail-300x81.png 300w" sizes="auto, (max-width: 540px) 100vw, 540px" /></li>
<li id="code">Add this code to file <strong>functions.php</strong> of your active theme:
<pre style="font-size: 13px;">
// Content Views Pro - Use custom field as thumbnail
add_filter( 'pt_cv_field_content_excerpt', 'cvp_theme_custom_field_as_thumbnail', 999, 3 );
function cvp_theme_custom_field_as_thumbnail( $args, $fargs, $post ) {
	if ( empty( $fargs ) ) {
		$custom_field = 'CUSTOM_FIELD';

		$fval = null;
		if ( class_exists( 'CVP_CTF' ) ) {
			$ctf  = new CVP_CTF( $custom_field, $post, true, '' );
			$fval = isset( $ctf->field_value ) ? $ctf->field_value : $fval;
		}

		if ( empty( $fval ) ) {
			$meta = get_post_meta( $post->ID );
			$fval = !empty( $meta[ $custom_field ][ 0 ] ) ? $meta[ $custom_field ][ 0 ] : $fval;
		}

		$args = $fval ? sprintf( "&lt;img src='%s'&gt;", esc_url( $fval ) ) : $args;
	}

	return $args;
}
</pre>
<p>(replace <strong>CUSTOM_FIELD</strong> with name/key of your custom field).</li>
</ul>
<p style="display: none;">Notice: If you created custom field with Toolset plugin, you may need to add prefix <code>wpcf-</code>. For example, you created a custom field <code>post-image</code> with Toolset plugin, then the value of <strong>CUSTOM_FIELD</strong> should be <code>wpcf-post-image</code>.</p>
<p>Thank you,</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Overlay thumbnail with (or without) text</title>
		<link>https://contentviewspro.com/documentation/article/overlay-thumbnail-text/</link>
		
		<dc:creator><![CDATA[admin1]]></dc:creator>
		<pubDate>Tue, 25 Oct 2016 11:37:18 +0000</pubDate>
				<guid isPermaLink="false">http://docs.contentviewspro.com/?p=994</guid>

					<description><![CDATA[Since CVP 3.9.9, it is easy to overlay thumbnail with text. You can show overlay always, on hover or disable it. Also, you can change position of overlay text as top, middle, bottom of thumbnail. Requirement Please ensure to select the Show Title or Show Content checkbox in Display Settings >> Fields Settings. Otherwise, there &#8230;<p class="read-more"> <a class="" href="https://contentviewspro.com/documentation/article/overlay-thumbnail-text/"> <span class="screen-reader-text">Overlay thumbnail with (or without) text</span> Read More &#187;</a></p>]]></description>
										<content:encoded><![CDATA[<p>Since CVP 3.9.9, it is easy to overlay thumbnail with text.</p>
<p><img loading="lazy" decoding="async" src="https://contentviewspro.com/documentation/wp-content/uploads/2016/10/Overlay-CVP-3.9.9.png" alt="Overlay setting CVP 3.9.9" width="616" height="212" class="aligncenter size-full wp-image-995" srcset="https://contentviewspro.com/documentation/wp-content/uploads/2016/10/Overlay-CVP-3.9.9.png 616w, https://contentviewspro.com/documentation/wp-content/uploads/2016/10/Overlay-CVP-3.9.9-300x103.png 300w" sizes="auto, (max-width: 616px) 100vw, 616px" /></p>
<p>You can show overlay always, on hover or disable it.<br />
Also, you can change position of overlay text as top, middle, bottom of thumbnail.</p>
<h2>Requirement</h2>
<p>Please ensure to select the <code>Show Title</code> or <code>Show Content</code> checkbox in Display Settings >> Fields Settings. Otherwise, there is nothing to show in the overlay.</p>
<h2 id="wotext">Overlay without text</h2>
<p>For now, overlay always require text. The workaround to show overlay without text is setting transparent color for the text in the overlay:</p>
<ul>
<li>select only 2 checkboxes: <code>Show Thumbnail</code> and <code>Show Title</code> in Display Settings >> Fields Settings</li>
<li>use this text<br />
<code>transparent</code><br />
as value of Style Settings > Title > Text Color</li>
</ul>
<p>Best regards,</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
