latest version

Religia Custom Shortcodes

With Religia comes custom shortcodes for (Visual Composer) VC that are used to show content created in Religia.

Below you will find short information about this Visual Composer elements:

../_images/short.png

Accordion

../_images/short1.png

This element will let you add an accordion that have images on the page.

../_images/short3.png
  • Number of accordion - Number of accordion tabs.
  • Color - Color scheme of the accordion.
  • Title # - Title of the accordion # tab.
  • Image # - Image in the accordion # tab, you can add an image or not.
  • Content # - Content in the accordion # tab.
../_images/short2.png

Event Display

../_images/short4.png

This element will let you add the Events items in the page.

../_images/short5.png
  • Display type - Options on the layout of the Events looks.

    1. Single

      • Enter event title - Choose an Events item to show in the page.

      • Title - Title of the section.

      • Event Title Color - Font Color of the title.

      • Event title border Color - Color scheme of the border of the post.

        ../_images/short6.png
    2. Upcoming Event with Counter(Nearest Event)

      • Color - Color scheme of the post.

      • Extend? - Extend the post to occupy the whole row.

        ../_images/short7.png
    3. Event Slider

      • Autoplay - Option to make the slider move on its own.

      • Full Width? - Option to have the post occupy the whole row.

      • Limit - Number of items to show in the page.

      • Specify Event Categories - Choose a specific category to show in the page.

        ../_images/short8.png
    4. Events with Pagination

      • Full Width? - Option to have the post occupy the whole row.

      • Limit - Number of items to show in the page.

        ../_images/short9.png
    5. Event List(Vertical Display)

      • Title - Title of the section.

      • Event Title Color - Font Color of the title.

      • Event title border Color - Color scheme of the border of the post.

      • Limit - Number of items to show in the page.

      • Specify Event Categories - Choose a specific category to show in the page.

        ../_images/short10.png
    6. Calendar - All the Events dates are displayed in the calendar.

      ../_images/short11.png

Donation Forms

../_images/short12.png

This element will let you add the Donations items in the page.

../_images/short13.png
  • Display type - Options on how the layout of the Donations looks.

    1. Single form

      • Enter donation title - Choose an Donations item to show in the page.

        ../_images/short14.png
    2. Multiple forms with slider

      • Autoplay - Option to make the slider move on its own.

      • Order by - How the forms are ordered when displayed.

      • Sort Donation Order - How the items are ordered to be displayed.

      • Limit - Number of items to show in the page.

      • Specify Donation Categories - hoose a specific category to show in the page.

        ../_images/short15.png
    3. Multiple forms with filters and pagination

      • Order by - How the forms are ordered when displayed.

      • Sort Donation Order - How the items are ordered to be displayed.

      • Limit - Number of items to show in the page.

      • Specify Donation Categories - hoose a specific category to show in the page.

        ../_images/short16.png

Styled Google Maps

../_images/short17.png

This element will let you add a google map with a specific address.

../_images/short18.png
  • Address - The complete address of the location to show in the map.
  • Latitude - Latitude coordinates of the location.
  • Longitude - Longitude coordinates of the location.
  • Custom map height - Set the height of the map. You can leave it blank for a responsive map.
  • Zoom - Set the zoom in of the map.
  • Map marker - Choose an image to use as the map marker.
  • Map style code - Code for a customized map marker.
../_images/short19.png

Section Title

../_images/short20.png

The element is a custom header for Religia.

../_images/short22.png
  • Section Header Type - Options on how the layout of the header looks.

    1. Default

      • Subtitle - Text that will be displayed above the title.

      • Subtitle Text Color - Text color of the subtitle.

      • Title - Text that will be displayed as the title.

      • Title Text Color - Text color of the title.

      • Bordered? - Option to add a border on the header.

      • Title Position - Location where the title will show in the row.

      • Display Icon or Image - Option to add an icon or image on the Header.

      • Icon or Image - Choose either to display an icon or image.

        1. Icon - If Icon is chosen:

          • Icon - Choose an icon to use.
          • Icon Color - Color of the icon.
        2. Image - If Image is chosen:

          • Image - Choose an image to use.
        ../_images/short21.png
    2. Inline

      • Title - Text that will be displayed as the title.

      • Title Text Color - Text color of the title.

      • Subtitle - Text that will be displayed above the title.

      • Subtitle Text Color - Text color of the subtitle.

      • Title Position - Location where the title will show in the row.

        ../_images/short23.png
    3. Simple(without subtitle)

      • Font Size - Font Size of the text in the header.

      • Title - Text that will be displayed as the title.

      • Title Text Color - Text color of the title.

      • Border Color - Color of the border.

      • Title Position - Location where the title will show in the row.

        ../_images/short24.png

Hierarchy

../_images/short25.png

This will show the latest posts posted in the blog.

../_images/short26.png
  • Hierarch - Name of the hierarchy.

  • Details - Details about the hierarchy.

  • Single or Multiple inputs - Choose what to show in the page.

    1. Single

      • Image - Choose an image to use.
      • Image position - Where the image will be located.
    2. Multiple

      • Number of images - Number of images to add in the hierarchy.
      • Image # - Choose an image to use for image #.
      • Name # - Name for image #.
../_images/short27.png

Icon Boxes

../_images/short28.png

This element will let you create an icon box that displays an icon with title and description or a counter.

../_images/short29.png
  • Icon Box Type - Type of icon box that will be shown.

    1. Icon with title and description

      • Icon - Choose an icon to show in the icon box.

      • Icon Color - Color scheme of the icon.

      • Title - Title of the Icon Box.

      • Title Color - Font color of the title.

      • Description - Details for the icon box.

        ../_images/short30.png
    2. Counter

      • Color - Color scheme of the counter.

      • Counters - Number of counters to be displayed.

      • Icon # - Choose an icon to show in the counter.

      • Title # - The number for the counter.

      • Subtitle # - Text under the title.

        ../_images/short31.png

Info Box

../_images/short35.png

This element will let you add an info box that is customized.

../_images/short36.png
  • Title - Title for the info box.

  • Display Icon or Image - Option to add an icon or image in the info box.

    • Icon/Image - Choose an icon/image to use.
  • Detail - Text details that will be shown below the title.

  • Add link after text? - Option to add a link after the details .

    • Text - Text for the link.
    • Enter page title - Page title of the page to redirect when text-link is clicked.
  • Number of info - Number of information to show.

  • Icon # - Choose an icon for icon #.

  • Text # - Text details of text #.

../_images/short37.png

List

../_images/short38.png

This element will let you add a list of items with icon.

../_images/short39.png
  • Number of list - Number of list.
  • Icon Color - Color scheme of the icon.
  • Icon # - Choose an icon to for Icon # of the list.
  • Text # - Text details of Text # of the list.
../_images/short40.png

Promo Section

../_images/short41.png

This element lets you add a promo banner in the page.

../_images/short42.png
  • Title - Text for the title of the Promo Section.

  • Subtitle - Text for the subtitle of the Promo Section.

  • Display Icon? - Option to add an icon to a list.

    • Icon - Choose an icon to use.
  • Color - Color scheme of the Promo Section.

  • Button Text - Text content of the button.

  • Url - URL link of the page you want to redirect.

../_images/short43.png

Recent Posts

../_images/short44.png

This element lets you add the latest blog posts.

../_images/short45.png
-General Tab-
  • Autoplay - Option to make the slider move automatically.

    • Autoplay speed - Speed of the slider when moving.
    • Speed [ms] - Speed of the slider when moving.
-Filters Tab-
  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify Posts - Only selected posts are shown.
  • Exclude Posts - None of the selected posts will be displayed.
  • Specify Categories - Only show posts under the categories of blog posts.
  • Exclude Categories - None of the posts under the categories of blog posts well show.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.
../_images/short46.png

Verse

../_images/short47.png

This element lets you add a custom slider of verses with image.

../_images/short49.png
  • Color - Color scheme of the Verse. Use Light if the background is dark and use Dark if the background is light.

  • Autoplay - Option to make the slider move automatically.

    • Autoplay speed - Speed of the slider when moving.
    • Speed [ms] - Speed of the slider when moving.
  • Number of images - Number of slider with image.

  • Image # - Choose an image for Image #.

  • Title # - Title for the verse in Title #.

  • Verse # - Verse or Passage you want to show in Verse #.

  • Book # - Where the verse or passage is written.

  • Chapter and Verse # - What chapter and paragraph in the book is the verse from.

../_images/short48.png

Video Button

../_images/short50.png

This element lets you a text-link for a popup video. You can add an icon or image beside the text-link.

../_images/short51.png
  • Button Text - Text that will be displayed fro the text-link.

  • Text Color - Text color of the Button Text.

  • Popup Link - Link for the video shown in the popup.

  • Position - Location where the Video button will show in the row.

  • Display Icon or Image - Option to add an icon or image beside the Video Button.

  • Icon or Image - Choose either to display an icon or image.

    1. Icon - If Icon is chosen:

      • Icon - Choose an icon to use.
      • Icon Color - Color of the icon.
    2. Image - If Image is chosen:

      • Image - Choose an image to use.
../_images/short52.png

Parish Community

../_images/short53.png

This element lets you show items in the Parish Communities post type.

../_images/short54.png
  • Enter Parish Community title - Specify a parish community title.
  • Sort Parish Community - How the posts order looks.
  • Order by - How the posts are ordered.
  • Limit - Set results limit.
  • Choose category - Only show posts under the categories of Parish.
  • Full Width? - Option to have the post occupy the whole row.
../_images/short55.png

History

../_images/short59.png

This element lets you add the History posts in a page.

../_images/short60.png
  • Display Type - How the post will be displayed.
  • Sort History - How the posts order looks.
  • Limit - Set results limit.
  • Choose category - Only show posts under the categories of History.
  • Title - Title for the post.
  • Title Color - Color scheme of the Title.
  • Title Border Color - Color scheme of the border.
  • Title Position - Location of the title.
../_images/short61.png

Parish Office

../_images/short62.png

This element lets you show items in the Offices post type.

../_images/short63.png
  • Display Type - How the post will be displayed.

    1. Single

      • Enter Parish Office title - How the posts order looks.
    2. Multiple

      • Sort Parish Office - How the posts order looks.
      • Order by - How the posts are ordered.
      • Limit - Set results limit.
      • Choose category - Only show posts under the categories of Offices post type.
../_images/short64.png

Sacrament Display

../_images/short66.png

This element lets you show items in the Sacraments post type.

../_images/short65.png
  • Enter sacrament title - Specify the title of the item you want to display.
  • Sort Parish Office - How the posts order looks.
  • Order by - How the posts are ordered.
  • Limit - Set results limit.
../_images/short67.png

Sermons

../_images/short68.png

This element lets you show items in Sermons post type.

../_images/short69.png
  • Display Type - Options on the layout of the Events looks.

    1. Single

      • Enter sermon title - Choose an Events item to show in the page.

        ../_images/short70.png
    2. Slider

      • Autoplay - Option to make the slider move on its own.

      • Order by - How the posts are ordered.

      • Sort Sermons - How the posts order looks.

      • Limit - Number of items to show in the page.

      • Choose category - Choose a specific category to show in the page.

      • Full Width? - Extend the post to occupy the whole row.

        ../_images/short71.png
    3. Accordion

      • Choose category - Choose a specific category to show in the page.

      • Title - Header title of the accordion.

      • Accordion Title Color - Font color of the Title.

      • Accordion Title Border Color - Color scheme of the border.

        ../_images/short72.png

Team Display

../_images/short73.png

This element lets you show items in the Sacraments post type.

../_images/short74.png
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Limit - Set results limit.
  • Autoplay - Option to make the slider move on its own.
../_images/short75.png

Testimonial

../_images/short76.png

This element lets you show items in the Sacraments post type.

../_images/short77.png
  • Style - Options on the layout of the Testimonials looks.
  • Autoplay - Option to make the slider move on its own.
  • Enter testimonial title - Choose a specific testimonial title to show in the page.
  • Order by - How the posts are ordered.
  • Sort Testimonial - How the posts order looks.
  • Limit - Set results limit.
../_images/short78.png