Advocator WordPress Theme Documentation

Lovingly crafted by Rescue Themes
Ways to Get in Touch
Other Useful Links

Thank you for purchasing this theme! A big high-five from the Rescue Themes team!

This document covers the installation and use of this theme and is intended to get your site up and running quickly.

If you have any questions that are beyond the scope of this help file, please feel free to send us a message through our ThemeForest contact form.


Quick Start

  1. Install & Activate the Theme

    Download the 'Installable WordPress file only' from your Envato Marketplace account's download area and upload/activate the .zip file in WordPress.

    Download
    Download
  2. Install & Activate Recommended Plugins

    After the theme is activated, a list of recommended plugins will be displayed at the top of the WordPress admin area. Install and activate those plugins by selecting 'Begin installing plugins'.

    Plugin Notice
    Plugin List
  3. Import the Demo XML File

    Once the plugins are installed and activated, upload the demo content XML file with the WordPress importer. This file will be located within the 'All files & documentation' download package in your Envato Marketplace account's download area.

    Notice: Check the 'Download and import file attachments' option after clicking 'Upload file and import'. This will import demo images. It may take a couple extra minutes to import but it'll be worth it.

    Import
  4. Assign Home and Blog Pages

  5. From the Reading Settings of your WordPress site, assign the Home page as the 'Front page' and the Blog page as the 'Posts page'.

    Reading
  6. Assign Menus

  7. With your demo content imported, you can now assign the demo navigation menus.

    Menus
  8. Customize!

    Use the live customizer to set your theme options:

    Appearance > Customize > Theme Options

    Customize

  9. Widetized Areas

    Widget Areas

    There are several widgetized areas in this theme. Example content used in the demo within those widgets are:

    Home Hero Area: The demo is using a Soliloquy Slider shortcode in a text widget.
    eg. [soliloquy id="778"]

    Home Hero

    Home Top Area: The demo is using 3 text widgets with the following general structure in each: https://gist.github.com/RescueThemes/9781222

    Home Top Area

    Home Left Area (Who We Are. Our Mission): https://gist.github.com/RescueThemes/b11349e919d7a3ae3a22

    Home Left Area

    Home Right Area (Help Us Reach our Goal): https://gist.github.com/RescueThemes/89c1beb35c97185d6e1d

    Home Right Area

    Note: Make sure that you have the Rescue Shortcode installed and activated if you would like to use the shortodes in those text widgets.

    Home Events Area

    If you have the Events Calendar plugin activated, you'll have an Events List widget avaialble to you. We've added this widget to the "Home Events Area" on the home page.

    Home Events

    Footer Left, Footer Middle, Footer Right

    The footer section has 3 widgetized area columns that will allow you to stack an unlimited number of widgets:

    Footer

    Inner Pages

    The inner pages widgetized area will be available in the customizer once you navigate to an inner page with that section available, such as the blog page:

    Inner Page


Shortcode List

To use these shortcodes, please activate the Rescue Shortcodes plugin. For an example of these shortcodes in action, visit the example pages: Shortcode Elements and Shortcode Grid


Buttons: 6 Colors

          
[rescue_button color="black" url="#" title="Visit Site" target="blank" border_radius=""]Sample Content[/rescue_button]

[rescue_button color="red" url="#" title="Visit Site" target="blank" border_radius=""]Sample Content[/rescue_button]

[rescue_button color="orange" url="#" title="Visit Site" target="blank" border_radius=""]Sample Content[/rescue_button]

[rescue_button color="blue" url="#" title="Visit Site" target="blank" border_radius=""]Sample Content[/rescue_button]

[rescue_button color="green" url="#" title="Visit Site" target="blank" border_radius=""]Sample Content[/rescue_button]

[rescue_button color="white" url="#" title="Visit Site" target="blank" border_radius=""]Sample Content[/rescue_button]

        

Google Map

          
[rescue_googlemap title="Rescue Themes Offices" location="5046 S Greenwood Ave, Chicago, IL 60615" zoom="14" height=250]


        

Tabs

          
[rescue_tabgroup]

[rescue_tab title="First Tab"]
First tab content
[/rescue_tab]

[rescue_tab title="Second Tab"]
Second Tab Content.
[/rescue_tab]

[/rescue_tabgroup]

        

Notification Boxes: 5 Colors

          
[rescue_box color="blue" text_align="left" width="100%" float="none"] This is just an example title [/rescue_box]

[rescue_box color="gray" text_align="left" width="100%" float="none"] This is just an example title [/rescue_box] 

[rescue_box color="green" text_align="left" width="100%" float="none"] This is just an example title [/rescue_box] 

[rescue_box color="red" text_align="left" width="100%" float="none"] This is just an example title [/rescue_box] 

[rescue_box color="yellow" text_align="left" width="100%" float="none"] This is just an example title [/rescue_box]

        

Text Highlights: 5 Colors

          
[rescue_highlight color="blue"]This is just some example text[/rescue_highlight]

[rescue_highlight color="gray"]This is just some example text[/rescue_highlight]

[rescue_highlight color="green"]This is just some example text[/rescue_highlight]

[rescue_highlight color="red"]This is just some example text[/rescue_highlight]

[rescue_highlight color="yellow"]This is just some example text[/rescue_highlight]

        

Progress / Donation Tabs

          
[rescue_donation_tabgroup group_title="Help Us Reach our Goal"]

[rescue_donation_tab title="Total"]

Example Fundraiser
[rescue_progressbar title="Example" percentage="75" color="#f1c40f"]

Example Fundraiser
[rescue_progressbar title="Example" percentage="45" color="#1abc9c"]

[/rescue_donation_tab]

[rescue_donation_tab title="Goal"]

Second tab content
[rescue_clear_floats]

[rescue_button color="black" url="http://rescuethemes.com" title="Visit Site" target="blank" class="right" border_radius=""]
Sample Content
[/rescue_button]

[/rescue_donation_tab]

[rescue_donation_tab title="Donate"]

Third tab content

[rescue_button color="blue" url="http://rescuethemes.com" title="Visit Site" target="blank" class="right" border_radius=""]
Sample Content
[/rescue_button]

[/rescue_donation_tab]

[/rescue_donation_tabgroup]

        

Toggle Content

          
[rescue_toggle title="This Is Your Toggle Title"]Sample Content[/rescue_toggle]


        

Spacing

          
[rescue_spacing size="40px"]

        

Clear Floats

          
[rescue_clear_floats]

        

Grid Elements

          
[rescue_column size="one-half" position="first"]Sample Content[/rescue_column]

[rescue_column size="one-third" position="first"]Sample Content[/rescue_column]

[rescue_column size="one-fourth" position="first"]Sample Content[/rescue_column]

[rescue_column size="one-fifth" position="first"]Sample Content[/rescue_column]

[rescue_column size="one-sixth" position="first"]Sample Content[/rescue_column]

[rescue_column size="two-third" position="first"]Sample Content[/rescue_column]

[rescue_column size="three-fourth" position="first"]Sample Content[/rescue_column]

[rescue_column size="two-fifth" position="first"]Sample Content[/rescue_column]

[rescue_column size="three-fifth" position="first"]Sample Content[/rescue_column]

        

Icons by Font Awesome

The shortcode is a basic template. Replace the defaults as necessary.

          
[icon type="cloud" size="lrg | 5x | 4x | 3x | 2x | 1x" pull="center | Left | Right" color="#cccccc"]

        

List of Icon Types Available
  • glass
  • music
  • search
  • envelope-o
  • heart
  • start
  • star-o
  • user
  • film
  • th-large
  • th
  • th-list
  • check
  • times
  • search-plus
  • search-minus
  • power-off
  • signal
  • cog
  • trash-o
  • home
  • file-o
  • clock-o
  • road
  • download
  • arrow-circle-o-down
  • arrow-circle-o-up
  • inbox
  • play-circle-o
  • repeat
  • refresh
  • list-alt
  • lock
  • flag
  • headphones
  • volume-off
  • volume-down
  • volume-up
  • qrcode
  • barcode
  • tag
  • tags
  • book
  • bookmar
  • print
  • camera
  • font
  • bold
  • italic
  • text-height
  • text-width
  • align-left
  • align-center
  • align-right
  • align-justify
  • list
  • outdent
  • indent
  • video-camera
  • picture-o
  • pencil
  • map-marker
  • adjust
  • tint
  • pencil-square-o
  • share-square-o
  • check-square-o
  • arrows
  • step-backward
  • fast-backward
  • backward
  • play
  • pause
  • stop
  • forward
  • fast-forward
  • step-forward
  • eject
  • chevron-left
  • chevron-right
  • plus-circle
  • minus-circle
  • times-circle
  • check-circle
  • question-circle
  • info-circle
  • crosshairs
  • times-circle-o
  • check-circle-o
  • ban
  • arrow-left
  • arrow-right
  • arrow-up
  • arrow-down
  • share
  • expand
  • compress
  • plus
  • minus
  • asterisk
  • exclamation-circle
  • gift
  • leaf
  • fire
  • eye
  • eye-slash
  • exclamation-triangle
  • plane
  • calendar
  • random
  • comment
  • magnet
  • chevron-up
  • chevron-down
  • retweet
  • shopping-cart
  • folder
  • folder-open
  • arrows-v
  • arrows-h
  • bar-chart-o
  • twitter-square
  • facebook-square
  • camera-retro
  • key
  • cogs
  • comments
  • thumbs-o-up
  • thumbs-o-down
  • star-half
  • heart-o
  • sign-out
  • linkedin-square
  • thumb-tack
  • external-link
  • sign-in
  • trophy
  • github-square
  • upload
  • lemon-o
  • phone
  • square-o
  • bookmark-o
  • phone-square
  • twitter
  • facebook
  • github
  • unlock
  • credit-card
  • rss
  • hdd
  • bullhorn
  • bell
  • certificate
  • hand-o-right
  • hand-o-left
  • hand-o-up
  • hand-o-down
  • arrow-circle-left
  • arrow-circle-up
  • arrow-circle-up
  • arrow-circle-down
  • globe
  • wrench
  • tasks
  • filter
  • briefcase
  • arrows-alt
  • users
  • link
  • cloud
  • flask
  • scissors
  • files-o
  • paperclip
  • floppy-o
  • square
  • bars
  • list-ul
  • list-ol
  • strikethrough
  • underline
  • table
  • magic
  • truck
  • pinterest
  • pinterest-square
  • google-plus-square
  • google-plus
  • money
  • caret-down
  • caret-up
  • caret-left
  • caret-right
  • columns
  • sort
  • sort-asc
  • sort-desc
  • envelope
  • linkedin
  • undo
  • gavel
  • tachometer
  • comment-o
  • comments-o
  • bolt
  • sitemap
  • umbrella
  • clipboard
  • lightbulb-o
  • exchange
  • cloud-download
  • cloud-upload
  • user-md
  • stethoscope
  • suitcase
  • bell-o
  • coffee
  • cutlery
  • file-text-o
  • building-o
  • hospital-o
  • ambulance
  • medkit
  • fighter-jet
  • beer
  • h-square
  • plus-square
  • angle-double-left
  • angle-double-right
  • angle-double-up
  • angle-double-down
  • angle-left
  • angle-right
  • angle-up
  • angle-down
  • desktop
  • laptop
  • tablet
  • mobile
  • circle-o
  • quote-left
  • quote-right
  • spinner
  • circle
  • reply
  • github-alt
  • folder-o
  • folder-open-o
  • smile-o
  • frown-o
  • meh-o
  • gamepad
  • keyboard-o
  • flag-o
  • flag-checkered
  • terminal
  • code
  • reply-all
  • mail-reply-all
  • star-half-o
  • location-arrow
  • crop
  • code-fork
  • chain-broken
  • question
  • info
  • exclamation
  • superscript
  • subscript
  • eraser
  • puzzle-piece
  • microphone
  • microphone-slash
  • shield
  • calendar-o
  • fire-extinguisher
  • rocket
  • maxcdn
  • chevron-circle-left
  • chevron-circle-right
  • chevron-circle-up
  • chevron-circle-down
  • html5
  • css3
  • anchor
  • unlock-alt
  • bullseye
  • ellipsis-h
  • ellipsis-v
  • rss-square
  • play-circle
  • ticket
  • minus-square
  • minus-square-o
  • level-up
  • level-down
  • check-square
  • pencil-square
  • external-link-square
  • share-square
  • compass
  • caret-square-o-down
  • caret-square-o-up
  • caret-square-o-right
  • eur
  • gbp
  • usd
  • inr
  • jpy
  • rub
  • krw
  • btc
  • file
  • file-text
  • sort-alpha-asc
  • sort-alpha-desc
  • sort-amount-asc
  • sort-amount-desc
  • sort-numeric-asc
  • sort-numeric-desc
  • thumbs-up
  • thumbs-down
  • youtube-square
  • youtube
  • xing
  • xing-square
  • youtube-play
  • dropbox
  • stack-overflow
  • instagram
  • flickr
  • adn
  • bitbucket
  • bitbucket-square
  • tumblr
  • tumblr-square
  • long-arrow-down
  • long-arrow-up
  • long-arrow-left
  • long-arrow-right
  • apple
  • windows
  • android
  • linux
  • dribbble
  • skype
  • foursquare
  • trello
  • female
  • male
  • gittip
  • sun-o
  • moon-o
  • archive
  • bug
  • vk
  • weibo
  • renren
  • pagelines
  • stack-exchange
  • arrow-circle-o-right
  • arrow-circle-o-left
  • caret-square-o-left
  • circle-o
  • wheelchair
  • vimeo-square
  • try
  • plus-square-o

Credits

Zurb Foundation
http://foundation.zurb.com

Google Fonts - Open Sans
http://www.google.com/fonts/specimen/Open+Sans

Fancybox v2
http://fancyapps.com/fancybox

Font Awesome
http://fortawesome.github.io/Font-Awesome

Expanding Search Bar
http://tympanus.net/codrops/2013/06/26/expanding-search-bar-deconstructed

Images:
http://photodune.net/item/beautiful-woman-red-coat-hugging-the-dog/6550789
http://photodune.net/item/hipster-young-man-posing-with-jack-russell-dog/4746004
http://deathtothestockphoto.com
http://wefunction.com/category/free-photos

Rescue Themes Plugins
http://rescuethemes.com/plugins/rescue-portfolio
http://rescuethemes.com/plugins/rescue-shortcodes

Recommended 3rd Party Plugins:
http://wordpress.org/plugins/the-events-calendar
http://wordpress.org/plugins/seamless-donations
http://wordpress.org/plugins/mailchimp
http://wordpress.org/plugins/soliloquy-lite
https://wordpress.org/plugins/contact-form-7


Last but not least, thank you for purchasing this theme!

Jump on back to the intro section of this document if you need to get in touch (there will be some handy links for you up there).