Subpage Styles

Overview

Overview

The page editor allows you to assign custom classes/styles to elements in the content area.

Custom Buttons

There are several custom button options for your site.  You can highlight text in your content area, select the link icon to assign a link and then choose the button class from the formats menu.  The class must be assigned to the link.  The options are button-small, .button-medium and .button-large.  The style guide page displays each of these.

Div Callout

Div Callout

You can display a custom callout area on a page by wrapping content in a div tag with a class "div-callout".  This will present that content block with a dark background.

Example HTML:

<div class="div-callout">

<h3>Call to Action</h3>

<p>Atque haec couod cum accidisset ut alter alterum necopinato videremus. Moriatur, inquit. Deinde etiam cum mediocri amico.</p>

<p><a href="#" class="button-large">Large Button</a></p>

</div>

Tabbed Content

Add the info you want in one tab into a section by going to CONTENT > SECTIONS > ADD A NEW SECTION

Add a link list with the tab titles you want by going to CONTENT > LINK LISTS (Tabs Example Below)

In the link list item description, add the slug of the corresponding section name. (Example: If my section is called Tab 1 Example then I would add the slug which is tab-1-example below)

Insert the monklet called "Section Monklet Tabs" and tell it which link list to display using an inline parameter. An example of this syntax would be section-monklet-tabs|find="tabs-example"

More info on using Inline Parameters with Monklets: https://help.ekklesia360.com/article/using-inline-parameters/