Show Options

Page Title:

This section displays a title, description and a button with link.


Available Options:

  • Page Title section.

Page Title section with bottom image:

Code:


<div class="darkout-section">
{% include do-page-title.html %}
</div>


How to add content:

  • Step1: Navigate to the front matter of the page where the page title is included.
  • Step2: Add content to the front matter as shown in the below example.
page-title:
  - enabled: true
    custom-title: Effective Planning
    description: Habitant morbi tristique senectus et netus. Semper viverra nam libero justo laoreet sit amet. Sit amet massa vitae tortor condimentum lacinia quis vel eros.
    button-text:
    button-link:
    background-color:
    background-image: /assets/images/generic/product-strategy.png
  • Step3: In the front matter “enabled” options is set to be “true”. Without setting “enabled” as “true” page title section will not be displayed.
  • Step4: In the front matter “background-color” attribute can be used for setting page title section background color.
  • Step5: In the front matter “background-image” attribute can be used for setting page title section background image.

How to add in page:

  • Step1: Add page title to the page using the include statement.
  • Step2: On the page use

<div class="darkout-section">{% include do-page-title.html %}</div>

  • Step3: Add the data to the front matter of the page. Without adding data page title will not be displayed.