Follow along with the video below to see how to install our site as a web app on your home screen.
Note: This feature may not be available in some browsers.
Normal
Edit featured_content_item templateFind the macro id of carousel block. Replace the following line[CODE] <xf:avatar user="$feature.ContentUser" size="m" defaultname="{$feature.content_username}" notooltip="true" />[/CODE]With this:[CODE]<xf:if is="$feature.image"> <a href="{$feature.content_link}" class="articlePreview-image" tabindex="-1" style="display: block; width: 120px; height: 120px; overflow: hidden;"> <img src="{$feature.image}" alt="{$feature.title}" loading="lazy" style="width: 100%; height: 100%; object-fit: cover;" /> </a><xf:else /> <xf:avatar user="$feature.ContentUser" size="m" defaultname="{$feature.content_username}" notooltip="true" /></xf:if>[/CODE]
Edit featured_content_item template
Find the macro id of carousel block. Replace the following line
[CODE]
<xf:avatar user="$feature.ContentUser" size="m" defaultname="{$feature.content_username}" notooltip="true" />
[/CODE]
With this:
<xf:if is="$feature.image">
<a href="{$feature.content_link}" class="articlePreview-image" tabindex="-1" style="display: block; width: 120px; height: 120px; overflow: hidden;">
<img src="{$feature.image}" alt="{$feature.title}" loading="lazy" style="width: 100%; height: 100%; object-fit: cover;" />
</a>
<xf:else />
</xf:if>
We use essential cookies to make this site work, and optional cookies to enhance your experience.
See further information and configure your preferences