Member Sign in
Sermon Views - Styling and Controlling
On this page... (hide)
If you are using the SCRIPT method to embed your sermons, you can control the size of the sermon display by pasting the script into a table cell, and setting the table's WIDTH and HEIGHT attributes. The following example limits the width of the sermon display to 500 pixels, and guarantees that it will be at least 1,025 pixels high:
If you are using the IFRAME method to embed your sermons, you can control the dimensions by setting the iframe's WIDTH and HEIGHT attributes. The following example limits the width of the sermon display to 500 pixels, and guarantees that it will be at least 1,025 pixels high:
The visual appearance of the sermons is controlled via a Sermon Style Sheet, which is part of your Sermon Site Settings page. You can learn about style sheets at the W3Schools' CSS Home Page.
By far the most important Sermon Style is "Default Sermon Text". This is the starting-point from which all other styles are defined. The default Sermon Category style, for example, is to enbolden whatever font is specified as the Default Sermon Text.
If you are using the SCRIPT method to embed your sermons, then the sermon view will inherit any CSS styles selected by HTML tags that you have defined elsewhere on the web page. For example, if you have defined styles for anchor text, they will be applied to the anchors generated in the sermon view.
If you are using the IFRAME method, however, then the sermon view will not inherit any CSS styles from the containing page. You can completely override the default styling for sermons by including a selector for the "sermon" class within the default style field. For example, the following value would set all sermon text to 11px by default, and disable underlining for all sermon link text:
By default, Sermons Online displays the "By Date" view, and shows 26 sermons per page. You can change this behavior by customizing the following URL parmeters:
Parameters are often used together. For example,
Each parameter can be assigned a value using the equals sign, like this:
Parameters can be used both in links to your web site sermon page, and in the code that you embed on your site's sermon page.
Here's an example of customizing a link to your sermon page. It sets the sermon page size to 50:
(Note this is a link to your website's sermon page. That sermon page would have SCRIPT or IFRAME code embedded in it.)
And here is the same example, but used in an embedded SCRIPT:
And now used in an embedded IFRAME:
Note: A word about the question mark (?) and ampersand (&) prefixes. When making a URL, the rule is that the very first parameter after the path to the web page is prefixed with a question mark, and any additional parameters with an ampersand.
Here are samples of using both of these parameters together:
This parameter finds the date of the most recently-delivered sermon, then lists just the sermons that were delivered on that date. Unlike the normal view, this parameter returns just a "snippet" of HTML text, suitable for embedding into a paragraph or table cell.
Sermon identifiers are automatically assigned by the Sermon Publisher. You can read a sermon's identifier by inspecting any sermon link in any view and using the
If you need help with any of these steps, just sign in to the Site Manager and open a Support Ticket