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.
Each URL parameter is composed of a name/value pair. The parameter is prefixed with an ampersand (&) character. Example:
Sets the parameter named "this_name" to the value, "that_value".
URL parameters can be placed both in the links that target your sermon page, and in Sermons Online HTML script that is embedded in a web page via copying and pasting. Parameters passed via a link to a page take preceedence over embedded parameters.
Embedded Parameters Example:
Embeds the parameter, "PARAMETER_NAME" with the value "SOMEVALUE" into the Sermons Online HTML script. Note that the parameter is prefixed with an ampersand (&) character.
Passes the parameter, "PARAMETER_NAME" with the value "SOMEVALUE" to the your-sermon-page.html file. If this parameter is already defined in the Sermons Online script HTML embedded into that page, it will be overridden.
Sets the view to View by Topic
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.
Finds the date of the most recently-delivered sermon, and lists all of the sermons delivered on that date.
Sets the view to View by Topic, and displays 104 sermons per page.
All spaces in the key value should be replaced with plus ('+') signs.
Sets view to view by Topic and displays all sermons with the topic, "Grace and Peace". Note the use of the + signs to replace spaces in the topic.
Valid values are any sermon identifier of an active sermon. Sermon identifiers are automatically assigned by the Sermon Publisher. You can read a sermon's identifier by inspecting any sermon link in any view.
Views the sermon cover page of sermon number '123'.
If you need help with any of these steps, just sign in to the Site Manager and open a Support Ticket