<?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"

			>

	<channel>
		<title>BlueOwlCreative  &#187;  Topic: Categories for Blog Post Grid</title>
		<atom:link href="http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/feed/" rel="self" type="application/rss+xml" />
		<link>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/feed/</link>
		<description></description>
		<pubDate>Sat, 18 Jul 2026 05:28:55 +0000</pubDate>
		<generator>http://bbpress.org/?v=2.5.3-5249</generator>
		<language>en-US</language>

		
														
					
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-24774</guid>
					<title><![CDATA[Categories for Blog Post Grid]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-24774</link>
					<pubDate>Tue, 17 Nov 2015 21:14:42 +0000</pubDate>
					<dc:creator>hirstmusic</dc:creator>

					<description>
						<![CDATA[
						<p>If I wanted to add the Category for each item in the Blog Post Grid, how would I do that? I can position and style it myself with CSS, but I can&#8217;t seem to call the category for each post. </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-24791</guid>
					<title><![CDATA[Reply To: Categories for Blog Post Grid]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-24791</link>
					<pubDate>Wed, 18 Nov 2015 10:00:50 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Hi there,</p>
<p>You need to add some category to all your Blog posts? You can set your Posts&#8217; categories under each post &#8211; under Categories in the right. What do you mean by &#8220;but I can’t seem to call the category for each post&#8221; &#8230; I think I am missing something here&#8230; <img src="http://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /> </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-24831</guid>
					<title><![CDATA[Reply To: Categories for Blog Post Grid]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-24831</link>
					<pubDate>Wed, 18 Nov 2015 16:18:14 +0000</pubDate>
					<dc:creator>hirstmusic</dc:creator>

					<description>
						<![CDATA[
						<p>No, I&#8217;m talking about the Visual Composer &#8220;Blog Post Grid&#8221; element. You have an option to show the date next to the title below the featured image, but I also want to show the category for each post. I tried editing /includes/shortcodes/vc/boc_blog_post_grid.php (or something like that) but not sure how to display the category beneath each featured image. </p>
<p>I tried get_category() and a number of other category related php calls but can&#8217;t figure it out. </p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-24851</guid>
					<title><![CDATA[Reply To: Categories for Blog Post Grid]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-24851</link>
					<pubDate>Wed, 18 Nov 2015 17:11:08 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Did you try this one?</p>
<p><a href="https://codex.wordpress.org/Function_Reference/wp_get_post_categories" rel="nofollow">https://codex.wordpress.org/Function_Reference/wp_get_post_categories</a></p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-25078</guid>
					<title><![CDATA[Reply To: Categories for Blog Post Grid]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-25078</link>
					<pubDate>Tue, 24 Nov 2015 16:55:52 +0000</pubDate>
					<dc:creator>hirstmusic</dc:creator>

					<description>
						<![CDATA[
						<p>I figured it out in case anyone else wanted to implement this (would be nice to have this functionality out of the box since post grids typically display category).</p>
<p>In the file includes/shortcodes/vc/boc_post_grid.php I added the following just beneath line 38: <code>$excerpt = get_the_excerpt();</code> &#8230;</p>
<pre><code>$categories = get_the_category();
$separator = &#039; &#039;;
$output_cats = &#039;&#039;;
if($categories){
foreach($categories as $category) {
$output_cats .= &#039;&lt;a href=&quot;&#039;.get_category_link( $category-&gt;term_id ).&#039;&quot; title=&quot;&#039; . esc_attr( sprintf( __( &quot;View all posts in %s&quot; ), $category-&gt;name ) ) . &#039;&quot;&gt;&#039;.$category-&gt;cat_name.&#039;&lt;/a&gt;&#039;.$separator;
}
}</code></pre>
<p>Then in line 74, I added the div feat-pic-category and contained code after the featured image and overlay code so it looks like this&#8230;</p>
<p><code>$str .=&#039;&lt;div class=&quot;pic &#039;.esc_attr($img_hover_effect).&#039;&quot;&gt;&lt;a href=&quot;&#039;. get_permalink().&#039;&quot;&gt;&lt;img src=&quot;&#039;.esc_url($feat_img).&#039;&quot;/&gt;&lt;div class=&quot;img_overlay&quot;&gt;&lt;span class=&quot;hover_icon icon_plus&quot;&gt;&lt;/span&gt;&lt;/div&gt;&lt;/a&gt;&lt;/div&gt;&lt;div class=&quot;feat-pic-category&quot;&gt;&lt;span&gt;&#039;.trim($output_cats, $separator).&#039;&lt;/span&gt;&lt;/div&gt;&#039;;</code></p>
<p>Then I styled accordingly.</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-25081</guid>
					<title><![CDATA[Reply To: Categories for Blog Post Grid]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-25081</link>
					<pubDate>Tue, 24 Nov 2015 18:15:25 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Hi, </p>
<p>Thanks for sharing this, may I see what the outcome looks like? Cheers!</p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-25085</guid>
					<title><![CDATA[Reply To: Categories for Blog Post Grid]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-25085</link>
					<pubDate>Tue, 24 Nov 2015 18:43:29 +0000</pubDate>
					<dc:creator>hirstmusic</dc:creator>

					<description>
						<![CDATA[
						<p>Sure! It&#8217;s a client demo site, so won&#8217;t be an active link forever, but can currently be viewed at <a href="http://www.extonwebdesign.com/post55/blog/" rel="nofollow">http://www.extonwebdesign.com/post55/blog/</a></p>
						]]>
					</description>

					
					
				</item>

			
				<item>
					<guid>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-25106</guid>
					<title><![CDATA[Reply To: Categories for Blog Post Grid]]></title>
					<link>http://blueowlcreative.com/support_wp/forums/topic/categories-for-blog-post-grid/#post-25106</link>
					<pubDate>Wed, 25 Nov 2015 09:59:38 +0000</pubDate>
					<dc:creator>BlueOwl</dc:creator>

					<description>
						<![CDATA[
						<p>Awesome! Looking good, congrats! <img src="http://blueowlcreative.com/support_wp/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley" /> </p>
						]]>
					</description>

					
					
				</item>

					
		
	</channel>
	</rss>

