JSermon Module Demo Site - by Polished Geek, LLC

js logo horizontalJSermon is a joomla module for SermonAudio.com that makes it incredibly simple to add your Sermon Audio sermons to your website!  In its most basic configuration, all you need to do is enter the Sermon Audio Member ID of the person whose feed you want displayed on your site.  You don't need to copy and paste any codes, or know how to read code, or even have any knowledge of what "code" is.

On this page you can see a demo of the JSermon Module in action in a sidebar position.
Click here to see a full width demo.

If you want some options to make the sermon feed's "look and feel" match your website, this module can do that too.  You can configure these settings:

  • Number of Sermons per page.
  • Add text to show above and after the Sermon list, change the size and color of the text.
  • Change the size of the video thumbnails.
  • Change the margin settings of the Pre-Text, Post-Text, and Sermon list.
  • Padding - change the space between borders (if you use them) and content.  This is especially useful if you want to use rounded corners on your borders.
  • Change the colors and size of the Sermon titles.
  • Add background color or background image to the Sermon area.
  • Add borders around the Pre-Text, Post-Text, and Sermon areas.
  • Give your border boxes rounded corners.
  • Add drop shadows around your sections.

Click a heading below to view more information about JSermon's Administration Area:

Basic Options


This is where you enter the most basic of JSermon's configuration the possible settings are as follows:

  1. Source (Member ID) - Enter a Sermon Audio Member ID here, and the module begins working. All other JoomSermon settings are optional.
  2. Sermons Per Page - This sets how many sermon entries are on each page of the Sermon Audio feed.
  3. Pre-text - a short message to display on top of the Sermon area.
  4. Post-text - a short message to display below the Sermon area.
  5. Video Thumbnail Height - the height of the thumbnail.
  6. Video Thumbnail Width - the width of the thumbnail.
  7. Module Class Suffix - if your template includes various module styles, you can enter a class name here to display an alternate style.

Basic Text Sizes


Here is where you set the sizes of the text for the Pre and Post Text areas, and give the text its color.

Margin Settings

Here is where you can set the spacing OUTSIDE of the Pre-tex, Post-text, and Sermon Audio sections. This allows you to add more space around the sections.


Here is where you can add more space between a section's content and its borders. Padding changes the spacing INSIDE of a section. This is especially useful when using rounded borders, so you can position text generously away from corners. Typically setting a padding equal to the border radius gives good results.

Link Settings

Here is where you can style the configurable links. Assign a font-size for the Sermon titles, and change the colors of the titles in the odd and even rows.


Background Settings

Here you can change the background settings for the sermon area. If you assign a color, it will not be visible if you also assign a background image. The option "Repeat the Background" allows you to make the background image tile if desired.



Here is where you can design your borders. You can assign a border style, width, color, and radius (for rounded corners)



Here you can add dropshadows to your module's areas.

Horizontal and Vertical settings will shift the shadow to the top and bottom or left and right of the box. Blur and Spread affect how far around the box the shadow extends, and the Opacity affects how visible the shadow is.


Click the button to purchase JSermon for your website.