Campaign Jekyll Theme Documentation

Latest Version: 1.0.0


Campaign is a political theme, that’s made to help you win in your political race and be the hub of your campaign. There’s also an easy to set up donation button in the header. Whether Democrat, Republican, or any other type of party, this theme will handle any politician or cause.

Thank you for purchasing the theme. We provide support for all of our themes at, but please make sure you read this documentation in it’s entirety first. Thanks again!

Theme Installation

Installing The Theme


Installed Plugins

Note: Required Plugins are Mandatory. The theme will not work properly, if its not installed & activated.

Configuration Options Setup

We can make the Configuration Setup in _config.yml file.

Basic Settings

title: Campaign Jekyll Template
description: >-  # this means to ignore newlines until "baseurl:"
  Campaign Jekyll Template

Logo & Favicon Settings

This section has options to setup Logo & Favicon.

# Logo & Favicon Settings
logo: /assets/images/campaignlogo.png  # Use logo icon here
logo-width:  # Use logo width here (default 150px)
favicon: /assets/images/favicon.png  # Use favicon here

Font Settings

This section has options to setup Font for your site.

Add the style sheet for your font here.

# Font settings
- font-style-url:  # Use font url here.
- font-style-url:  # Use font url here.

Header Settings

This section has options to setup the header navigation menu for your site.

# Header Settings
header-layout: header-2  # Use options header-1, header-2
header-widget: true  # Use options true or false
header-social-icon: true  # Use Options true or false
# Footer-columns
footer-title: Change Is Coming Soon # Use footer title here
laptop: 4  # Use Options 1,2,3,4,6  Default: 3
tablet: 2  # Use Options 1,2,3,4 Default: 2
mobile: 1  # Use Options 1,2 Default: 1

Footer copyright credits can be used here

# Copyright Settings
copyright-content: true  # Use Options true or false
copyright-logo:  # Enter the copyright logo path
copyright-social-icon: true  # Use Options true or false
copyright-text: <a href="" title="Campaign WordPress Theme">Campaign Theme</a> by <a href="" title="SCube Theme">SCube Theme</a> # Enter the copyright content for your website

Post Settings

This section has settings for post options.

# Social Share Settings
social-share: true  # Use options true or false
social-share-type: type-1  # Use options type-1 or type-2

Pagination Settings

This section has basic setting for the pagination.

# Pagination Settings
  enabled: true  # Use options true or false
  per_page: 6  # Use number of post per page
  permalink: '/page/:num/'  # Use pagination permalink here
  title: ' - page :num'  # Use pagination title  here
  limit: 0  # Use pagination limit here
  sort_field: 'date'  # Use  sort_field options here
  sort_reverse: true  # Use options true or false

Archive Settings

This section has basic setting for the Archive.

#Archive settings
    - categories
  layout: archive
    category: /category/:name/


How to Create Menu

# header version 1.0.0
- title: Home  # Use header title here
  href: /  # Use header title url here
- title: Drop downs  # Use header title here
  href: \#  # Use header title url here
    - title: Child
      href: \#
        - title: Grand Child
          href: \#
        - title: Grand Child
          href: \#
        - title: Grand Child
          href: \#

This yml’s value will be used on {% include do-header-1.html %} and this do-header-1.html is included on the layout.


# footer version 1.0.0
  - title: Text Block  # Use footer title here
      - title: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.  # Use footer option links name here
        href:  # Use footer option url here
        icon:  # Use footer option icons here


Call To Action

A call to action (CTA) is a prompt on a website that tells the user to take some specified action. A call to action is typically written as a command or action phrase, such as ‘Sign Up’ or ‘Buy Now’ and generally takes the form of a button or hyperlink. In digital marketing this can take the form of the text on a button (a CTA button) or a web link and in email campaigns CTAs are often links to a web page where the user can take further action.



{% include do-call-to-action.html tag="home" %}

How to add content
- title: Call To Action
  content: You can fill this banner up with whatever you want. These three sections and their buttons serve as a perfect call to action to navigate your users around the site.
  link-name: Contribute
  link: \#
  tag: home
How to add in page:


How to add content
- image: /assets/images/demo/htmlslide1.png  # Use carousel image here
  title:   # Use carousel title name here
  description:  # Use carousel description here
  button-text:  # Use button text here
  href:   # Use carousel href here
  tags: home  # Use carousel tag name here

How to add in page



Form is an html block which provides the user to contact the owner of the site with its available elements. This form is just a example one which you can embed on your site.


How to add on page

Hero Content

Hero Content contains two columns one with image or video and other with text.


Available Options
How to add content
- title: Video Title  # Use hero-content title here
  description: This is a short description of the video. Simply put in the embed code for whatever video you want here. This is an HTML template, so whatever you want put here will work just fine.<br /><br /> Get your point across with video <em>and</em> a little bit of text.  # Use hero-content description here
  image:  # Use hero-content image path here
  iframe: <iframe width="100%" height="235" src="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> # Use hero-content iframe path here
    - button-name:  # Use hero-content button name here
      button-href:  # Use hero-content url path here
      icon-button-name:  # Use hero-content icon-button name here
      icon-button-href:  # Use hero-content icon-button-url path here
  tag: index  # Use hero-content tag here
How to add in page



Pagination is the sequence of numbers assigned to pages in a book. Each page can have multiple articles.

Inorder to use pagination, Enable pagination in _config.yml. Click here for more information.

How to add on page

Side Widget


This section displays a variety of information to the right or left side of web page.

Sidewidget options
# side-widget version 1.0.0
- newsletter: true  # Use true or false
  post-categories: true # Use true or false
  slab-text: true # Use true or false
  slab-text-content:  # This is the array for slab text
    - text:  # Use slab text line 1 here
    - text:  # Use slab text line 2 here
    - text:  # Use slab text line 3 here
    - text:  # Use slab text line 4 here
    - text:  # Use slab text line 5 here
    - image: /assets/images/slab-image.png  # Use slab image here
  testimonial: true  # Use true or false
  testimonial-title: Testimonial Card  # Use testimonial title here
  testimonial-content: I support Campaign because it keeps me working. It's time to get out and vote!  # Use testimonial content her
  testimonial-name: Shovan  # Use testimonial name here
  testimonial-link-name: SCube Theme  # Use testimonial link name here
  testimonial-link-url: # Use testmonial link url here
  events: true  # Use true or false
  post-archives: true  # Use true or false

How to add in page

Jekyll file directory

Note: To work with jekyll you should have a clear knowledge with jekyll directories and files.

Jekyll Directories

Jekyll Files