Skip to content

Instantly share code, notes, and snippets.

@kvann
Last active February 12, 2022 00:10
Show Gist options
  • Save kvann/b1c2b1fbe6aa8e8cc12c79958694fc41 to your computer and use it in GitHub Desktop.
Save kvann/b1c2b1fbe6aa8e8cc12c79958694fc41 to your computer and use it in GitHub Desktop.
This custom HTML layout contains a left column for an image and the right column containing the post title and description. This custom HTML will collapse as a single column in mobile view.
%RSS-FEED|URL:https://website.com/rss/feed|SHOW:ALL%
%RSS-LOOP|LIMIT:5%
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin:0; padding:0; border-collapse:collapse;">
<tr>
<td align="left" valign="top" width="325">
<img src="%RSS:ITEM:MEDIA%" width="325" style="display:block; width:100%; max-width:100%; border:0;">
</td>
<td width="20" height="20"> </td>
<td align="left" valign="top">
<div style="padding-bottom:30px; font-size:15px; font-family: Open Sans, Roboto, San Francisco, Helvetica, Arial, sans-serif; color:#222222; line-height:130%; line-height:1.2;">
<div style="margin:0; padding-bottom:8px; font-size:23px; color:#000000; font-family: Open Sans, Roboto, San Francisco, Helvetica, Arial, sans-serif; line-height:1.1;">
<a href="%RSS:ITEM:LINK%" style="font-size:23px; color:#000000; font-family: Open Sans, Roboto, San Francisco, Helvetica, Arial, sans-serif; line-height:1.1; font-weight:700; text-decoration:none;">
<span style="font-size:19px; color:#000000; font-family: Open Sans, Roboto, San Francisco, Helvetica, Arial, sans-serif; line-height:1.1; font-weight:700; text-decoration:none;">%RSS:ITEM:TITLE%</span>
</a>
</div>
<div style="padding-bottom:10px; font-size:15px; font-family: Open Sans, Roboto, San Francisco, Helvetica, Arial, sans-serif; color:#222222; line-height:130%; line-height:1.2;">%RSS:ITEM:DESCRIPTION%</div>
<div style="font-size:13px; font-family: Open Sans, Roboto, San Francisco, Helvetica, Arial, sans-serif; color:#222222;"><b>%RSS:ITEM:STARTDATE%</b></div>
</div>
</td>
</tr>
</table>
%RSS-LOOP%
%RSS-FEED%
@nwwatim
Copy link

nwwatim commented Feb 11, 2022

@kvann Thank you so much for your help. I suspected the ITEM:MEDIA was the issue, but could not figure out what else to replace with. I will modify and report back. Again, I truly appreciate your time and help.

@nwwatim
Copy link

nwwatim commented Feb 12, 2022

@kvann

IT WORKS! Thank you so much!

@kvann
Copy link
Author

kvann commented Feb 12, 2022

Hi @nwwatim 🙌
You're very welcome! ... have a good weekend

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment