https://community.hubspot.com/t5/CMS-Development/Blog-listing-page/m-p/242816#M10340 <P>Hi&nbsp;<a href="https://community.hubspot.com/t5/user/viewprofilepage/user-id/78016">@michael_trint</a>,</P><P>it's kinda hard to apply a style without testing it, sorry when it's not perfect looking.</P><P>&nbsp;</P><P>The 'plain' html looks like this:</P><P>&nbsp;</P><P>&nbsp;</P><PRE>&lt;div class="container"&gt; &lt;div class="row"&gt; &lt;div class="span12"&gt; &lt;!-- the left part; image --&gt; &lt;div class="span6"&gt; &lt;/div&gt; &lt;!-- the right part; headline --&gt; &lt;div class="span6"&gt; &lt;/div&gt; &lt;!-- span12 end --&gt; &lt;/div&gt; &lt;!-- row end --&gt; &lt;/div&gt; &lt;!-- container end --&gt; &lt;/div&gt;</PRE><P>&nbsp;</P><P>with your code-snippets it should look like this:</P><P>&nbsp;</P><PRE>&lt;div class="container"&gt; &lt;div class="row"&gt; {% set topic_posts = blog_recent_posts('5511414059',3) %} {% for topic_post in topic_posts %} &lt;div class="span12" style="height:375px"&gt; &lt;!-- the left part; image --&gt; &lt;div class="span6 postlist-items cf" style="background:#D8D8D8 url('{{ topic_post.post_list_summary_featured_image }}');height:375px; background-size: cover; background-position: center;"&gt;&lt;/div&gt; &lt;!-- the right part; headline --&gt; &lt;div class="span6"&gt; &lt;h4&gt; &lt;a href="{{ topic_post.absolute_url }}" title="Post Title"&gt;{{ topic_post.name }}&lt;/a&gt;&lt;/h4&gt; &lt;/div&gt; &lt;/div&gt; {% endfor %} &lt;/div&gt; &lt;/div&gt;</PRE><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P><P><STRONG>Tipp:</STRONG></P><P>HubSpot is (still) based on <A href="http://getbootstrap.com/2.3.2/scaffolding.html#gridSystem" target="_blank">Bootstrap2 grid system</A>. You can change the "width" of the left and right part by changing the numbers of "span6". The sum of those two&nbsp;has to be always 12</P><P>&nbsp;</P><P>&nbsp;</P><P>&nbsp;</P><P>regards,&nbsp;</P><P>Anton</P><P>&nbsp;</P><TABLE><TBODY><TR><TD><IMG src="https://cdn2.hubspot.net/hubfs/98485/2000px-Ok_sign_font_awesome.png" border="0" width="30" height="30" /></TD><TD>Did my post help answer your query? Help the Community by<SPAN>&nbsp;</SPAN>marking it as a solution</TD></TR></TBODY></TABLE> Tue, 18 Dec 2018 21:27:53 GMT AntonB 2018-12-18T21:27:53Z