Page Templates

Grenada categorizes pages depending on their settings and templates. These page templates are :

  • Default – This is the default template. The layout of a default page includes a hero section followed by page content and the footer panel.
  • Blog – A page containing all blog posts. Apart from the page options, additional settings about this template can be found in Theme Options » Blog Options
  • Showcase – This page template displays all the Grenada portfolio items using the showcase slider. Apart from the page options concerning this template, additional settings about this template can be found in Theme Options » Portfolio Options
  • Portfolio and Portfolio Mixed – This page template displays all the Grenada portfolio items using the masonry grid. Apart from the page options concerning this template, additional settings about this template can be found in Theme Options » Portfolio Options

Page Options

page options are divided into three groups: all page templates ( General ), Portfolio and Portfolio Mixed template ( s ), and Showcase template ( s )

General Options

  • Background Color – The background color of this page. It can be White (with dark content) or Black (with light content). The logo version (light or dark) will be selected automatically depending on this setting.
  • Display Hero Section – A hero is the header section of the page displaying HTML content. For Hero settings please refer to Hero Section.
Portfolio Options

  • Hover Effect –The type of hover for each portfolio item thumbnail.
  • Page Layout – Portfolio page layout.
  • Maximum Number Of Items In Portfolio Mixed – Available only for Portfolio Mixed Template: the maximum number of portfolio items displayed. Leave empty for ALL.
  • Page Content Position – Available only for Portfolio Mixed Template: page content position in relation to portfolio grid.
Showcase Template(s) Options

  • Showcase Layout – The type of layout the showcase slider has: Split (default), Centered, or Fullscreen.

Portfolio Post Options

Every portfolio item will be included in the showcase page templates arsenic long as they have a Hero image, so, ideally, each detail will have a Hero image. The hero image will be displayed as the showcase slide and at the lead of the individual project page.

  • Background Color – The background color of this project page. It can be White (with dark content) or Black (with light content). The logo version (light or dark) will be selected automatically depending on this setting.
  • Thumbnail Size – Size of the thumbnail for this item as it appears in portfolio template pages. The thumbnail image is the hero image assigned for this item.
  • Hero Image – Upload a hero background image. The hero image is displayed in the portfolio showcase. The hero section is the header section displayed at the top of the project page.
  • Video Hero – Video displayed as hero section and showcase slide. If you check this option set the Hero Image as the first frame image of the video to avoid flickering!
  • Webm Video Url – URL of the showcase slide background webm video. Webm format is previewed in Chrome and Firefox.
  • Mp4 Video Url – URL of the showcase slide background MP4 video. MP4 format is previewed in IE, Safari, and other browsers.
  • Hero Caption Title – Caption title displayed over hero section. The hero background image is set in the hero image set in the preceding option.
  • Hero Caption Subtitle – Caption subtitle displayed over hero section. Enter plain text.
  • Hero Position – Position of the “hero” section displayed as page header. Fixed or Parallax.

Blog Post Options

The image of a post is displayed in the weblog foliate as a post thumbnail.

  • Background Color – The background color of this blog post page. It can be White (with dark content) or Black (with light content). The logo version (light or dark) will be selected automatically depending on this setting.
  • Hero Text Alignment – Position of the “hero” caption. The hero section is displayed at the top of the blog post and displays the post title and categories.

Default Page Hero Section

A champion is the header section of a page, position, or portfolio item foliate displaying hypertext markup language contentedness.

You can add any overlaying hypertext markup language content using Hero Title and Subtitle fields. For a blog mail, the caption is the post title and its categories.

If there is no bomber section, disable it in the page options.

Hero Options


The hero section options vary depending on the post type ( page, weblog post, or portfolio item ) however each hero part can have the following options :

  • Hero Caption Title – Caption title displayed over hero section.
  • Hero Caption Subtitle – Caption subtitle displayed over hero section. HTML code is allowed in this field.
  • Hero Text Alignment – Hero caption-text alignment (centered or left-aligned).

For portfolio items you can define the television hero section, in which encase the corresponding showcase swoop will display the video as well :

  • Video Hero – Video displayed as hero section and showcase slide. If you check this option set the Hero Image as the first frame image of the video to avoid flickering!
  • Webm Video Url – URL of the showcase slide background webm video. Webm format is previewed in Chrome and Firefox.
  • Mp4 Video Url – URL of the showcase slide background MP4 video. MP4 format is previewed in IE, Safari, and other browsers.

Predefined CSS classes used in our live demo and available in the theme when AJAX LOAD is enabled

several classes have been defined in order to properly align and display WPBakery Page Builder rows. You can specify them as Extra classified names in row options. They are as stick to :

  • row_padding_top – top padding space to the row.
  • row_padding_bottom – bottom padding space to the row.
  • small – small row width.
  • full – makes the row full width.
  • text-align-center – center aligns the text within the row.
  • has-animation – adds an animation effect
  • one_half – First 1/2 Column
  • one_half last – Last 1/2 Column
  • one_third – 1/3 Columns
  • two_third last – 2/3 Column

Note to the WPBakery users: WPBakery course’s properties and some of the elements are not compatible with AJAX loading. It is recommended to use our shortcodes, and predefined classes, or create your own CSS classes in appearance – > customizer – > extra CSS and add them to the Extra class name assigned to the stream course. This works great with AJAX loading. More workarounds for WPBakery and loading pages with AJAX: hera

Shortcodes

Grenada comes pre-packed with a number of shortcodes allowing you to add style subject to your location with the little campaign. Grenada is tightly integrated with the Gutenberg editor program, therefore you will see them when adding a newfangled block. Grenada blocks appear under the Layout Elements section
Grenada is besides tightly integrated with the WPBakery Page Builder editor program, therefore you will see them when adding a new element.

The shortcodes are grouped into several categories :

  • Typo Elements – Title, Button, Space Between Buttons
  • Elements – Contact Info Box, Map, Image Collage, Popup Image, Video Hosted, Icon Service, Testimonials, Clients
  • Sliders – Normal Image Slider, Carousel Image Slider

If you choose not to install WpBakery Page Builder, handily, the available shortcodes have been included in a menu and shortcode editor program. When creating a page or stake, click the black G icon in the tinymce editor to reveal a list of shortcodes

WPML Compatible

Translating theme options

Follow the WPML configuration file shipped with the theme to see which options are translatable and which are not. You can add or change the properties of the fields. The theme options can be found in /include/admin-config.php. The meta box options can be found in /include/metabox-config.php

Theme Translation

Grenada is fully localized and it has included the generated PO ( Portable Object ) in /the languages booklet. It contains convertible strings used by the composition.

Please visit the following links to learn more about translating WordPress themes :

Leave a Reply

Your email address will not be published.