fbpx

Post Title

The Post Title widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s title.

Title

  1. Title: Post Title is the only option
  2. Link:  Enter a URL, or more appropriately, select the Dynamic icon  to choose a dynamic URL such as the Post URL
  3. Size: Select the title size, choosing from Default, S, M, L, XL, or XXL. Additional sizing is available on the Style tab in the Typography options
  4. HTML Tag: Set the heading’s HTML tag to H1- H6, Div, Span or Paragraph
  5. Alignment: Align the post title to the left, right, center, or justified

Style

Title

  1. Text Color: Choose the color of the Title’s text
  2. Typography: Set the typography options for the Title
  3. Text Shadow: Add a shadow and blur to the Post Title
  4. Blend Mode: Set a blend mode for the title

Post Excerpt

The Post Excerpt widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s excerpt.

Style

  1. Text Color: Choose the color of the excerpt text
  2. Typography: Set the typography options for the excerpt text

Featured Image

The Featured Image widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s featured image.

Image

  1. Choose Image: Featured Image is the only option (see note below).
  2. Image Size: Select the size of the image, from thumbnail to full, or enter a custom size
  3. Alignment: Align the image to the left, center, or right
  4. Caption: Enter text to be included as a caption under every Featured Image. Note that the same caption will be displayed under each. This is not dynamic.
  5. Link to: Choose to link the image to None, Media File, or Custom URL. If Media File is chosen, you have the option to choose to use the Lightbox or not. If Custom URL is chosen, you can either input a URL, or more appropriately, select the  icon to choose a dynamic URL such as the Post URL.

Style

Image

  1. Width: Set the width of the image
  2. Max Width: Set the maximum width of the image as a percentage
  3. Opacity: Control the opacity of the image
  4. CSS Filters: Adjust the image style by changing the CSS Filter scales for Blur, Brightness, Contrast, Saturation, and Hue settings
  5. Border Type: Select the type of border
  6. Border Radius: Set the border radius to control corner roundness
  7. Box Shadow: Adjust box shadow options

When setting the Hover state, two new options appear:

  1. Transition Duration: Set the duration time in milliseconds for the hover effect
  2. Hover Animation: Choose the hover animation for the image

Table Of Contents

The Table of Contents widget automatically organizes your page content based on H1 through H6 levels of hierarchy.  Although the process is automatic, you have plenty of control over what gets included and what gets excluded from the display.

Author Box

The Author Box widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s author box.

Content

  1. Drag an Author Box into the editing screen
  2.  Source: Choose between Current Author or Custom Author *
  3. Profile Picture: Show or Hide the Profile Picture. When using Custom – upload an image
  4. Name: Show or Hide the Author Name. When using Custom – type the Author Name
  5. HTML Tag: Choose an HTML Tag for your Author
  6. Link To: Link the Author Name and Image to your website or your post archive. When using Custom – enter your own link
  7. Biography: Show or Hide your Author Biography. When using Custom – enter your Author Biography
  8. Archive Button: Show or Hide an Archive Button. This will direct your users to your post archive. When using Custom – enter your own link
  9. Archive Text: Type the Archive Button text
  10. Layout: Set the layout for your Author Box
  11. Alignment: Set the Alignment for your Author Box

Style

Image

  1. Vertical Align:  align your Author image to the top or to the middle.
  2. Image Size: Set the image size
  3. Gap: Adjust the gap between the image and the text
  4. Border: Slide for a border
  5. Border Color: Set the border color
  6. Border Width: Set the border width
  7. Border Radius: Set the border radius
  8. Box Shadow: Add Box Shadow to your Image

Text

Under Name:

  1. Color: Set the Author name text color
  2. Typography: Set the typography design
  3. Gap: Set the gap between the Author Name and the Biography

Under Biography:

  1. Color: Set the Biography text color
  2. Typography: Set the typography design
  3. Gap: Set the gap between the Biography and the Button

Button

  1. Text Color: Set the Button Text Color
  2. Background Color: Set the button Background Color
  3. Typography: Set the Typography design
  4. Border Width: Set the border width
  5. Border Radius: Set the border radius
  6. Padding: Set the button padding

Post Comments

The Post Comments widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display a post’s user comments.

Comments

  1. Skin: Select an available skin. Currently one skin is available, the Theme Comments skin. The Theme Comments skin uses the currently active theme comments design and layout to display the comment form and comments
  2. Source: Select the source of the user comments, either those from the Current Post or Custom. If Custom is chosen, the following option becomes available: 
    Search & Select: When you start typing a specific name of a post, you will get the autocomplete full name of the post, which you can then select. The comments from the selected post will be displayed.

Post Navigation

The Post Navigation widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display navigation links to other posts.

Post Navigation

  1. Label: Show or Hide the Previous/Next labels
  2. Previous Label: Enter the text for the Previous label
  3. Next Label: Enter the text for the Next label
  4. Arrows: Show or Hide the navigation arrows
  5. Arrows Type: Select a Font Awesome icon to represent the navigation arrows
  6. Post Title: Show or Hide the title of the previous or next post
  7. Borders: Show or Hide widget borders
  8. In Same Term: Indicates whether next post must be within the same taxonomy term as the current post, this lets you set a taxonomy per each post type

Style

Label

  1. Color: Choose the color of the labels
  2. Typography: Set the typography options for the labels

Title

  1. Color: Choose the color of the labels
  2. Typography: Set the typography options for the labels

Arrow

  1. Color: Choose the color of the arrows
  2. Size: Set the size of the arrows
  3. Gap: Set the amount of spacing between the arrows and the text

Borders

  1. Color: Choose the color of the borders
  2. Size: Set the size of the borders
  3. Spacing: Set the amount of spacing between the borders and the text

Post Info

The Post Info widget is a Theme Element. It is one of the available Single Post Template widgets that is used to dynamically display the current post’s meta data, such as author, date, time, and comments.

Meta Data

Layout: Choose to display the post info items vertically or horizontally.

The next options are displayed as a list of all the available meta data. You can drag and drop them to change their order. Click on the Add Item button to add a custom post info meta item to the list.

By clicking on each item you can customize its content and settings, which are:

Author

  1. Type: Change the type of item from Author to Date, Time, Comments, Terms, or Custom
  2. Before: Enter text to be displayed before the Author
  3. Avatar: Set to YES to display the Author’s avatar next to the Author’s name
  4. Link: Set to YES to link to the Author’s archive
  5. Icon: Select None or select Default to display the default icon, or choose Custom to select a Font Awesome icon

Date

  1. Type: Change the type of item from Date to Author, Time, Comments, Terms, or Custom
  2. Date Format: Select from several date formats, or choose Custom to format your own
  3. Before: Enter text to be displayed before the Date
  4. Link: Set to YES to link to that Date’s archive
  5. Icon:  Select None or select Default to display the default icon, or choose Custom to select a Font Awesome icon

Time

  1. Type: Change the type of item from Time to Author, Date, Comments, Terms, or Custom
  2. Time Format: Select from several time formats, or choose Custom to format your own
  3. Before: Enter text to be displayed before the Time
  4. Icon: Select None or select Default to display the default icon, or choose Custom to select a Font Awesome icon

Comments

  1. Type: Change the type of item from Comments to Author, Date, Time, Terms, or Custom
  2. Before: Enter text to be displayed before the Comments
  3. Custom Format: Set to YES to change the phrasing for No Comments, One Comment, etc.
  4. Link: Set to YES to link to the comment form for the current post
  5. Icon: Select None or select Default to display the default icon, or choose Custom to select a Font Awesome icon

Style

List

  1. Space Between: Adjust the space between each post info item
  2. Alignment: Align the list of post info items left, center, or right
  3. Divider: Set ON to add a divider line between each post info item.

If Divider is set to ON, the following options become available:

Divider

  1. Style: Select solid, double, dotted or dashed
  2. Weight: Set the divider’s weight
  3. Height: Set the divider’s height
  4. Color: Choose the divider’s color

Icon

  1. Color: Choose the color of the post info icon
  2. Size: Set the size of the post info icon

Text

  1. Text Indent: Set the amount of space the text is indented from the icon
  2. Text Color: Choose the color of the text
  3. Typography: Set the typography options for the text

Copyright @ 2020 |  | Koperasi Al-Najah (K.L) Berhad

Chinese (Simplified) Chinese (Simplified) English English Malay Malay