latest version

Zodiac Custom Shortcodes

With Zodiac comes many custom shortcodes for (Visual Composer) VC that are used to show content created in Zodiac.

Below you will find short information about this Visual Composer elements:

../_images/short.png

Button

../_images/short1.png

This theme comes with VC element that give you the option to create buttons that can be used in the theme.

../_images/short2.png

-General Tab-

  • Text - The label of the button.

  • URL - URL link for the button.

  • Style - Type of button showing.

  • Color - Color of the button.

  • Size - Size of the button.

  • Alignment - Where the button is located.

  • Add Icon? - Option to add an icon in the button. If Add icon is Yes:

    • Icon Alignment - Alignment for the Icon.
    • Icon library - Where the icon you want to use is located in.
    • Icon - Add the icon you would like to use.
  • CSS Animation - Shape of the button.

  • Element ID - Color of the text label.

  • Extra class name - Option to be able to open the link on a new tab.

  • Advanced on click action

../_images/short6.png

Styled Google Maps

../_images/short7.png

Lets you add a styled google map on a page. You will be able to customize this map in the Styled Google Maps Settings.

../_images/short8.png

-General Tab-

  • Address - Set an address for the map.
  • Latitude - Option to add a latitude of the address.
  • Longitude - Option to add a longitude of the address.
  • Custom map height - Height of the map.
  • Zoom - Zoom percentage of the map.
  • Map marker - Option to add a custom map marker.
  • Map style code - Paste “JavaScript Style Array” here, you can find and create it on: snazzymaps.com
../_images/short9.png

Header Title

../_images/short10.png

This theme comes with VC element that give you the option to create a header title that can be used in the theme.

../_images/short11.png

-General Tab-

  • Heading Type - The look of how the title would look like.
  • Divider Type - The type of divider.
  • Heading Alignment - Alignment of the heading.
  • Custom Title Size - Size of the text in the header.
  • Title Light - Text with white text color.
  • Title Bold - Text with the custom color and is bold.
  • Title Color - The color of the title bold’s font.
  • Header Subtitle - What is written as the subtitle of the title.
  • Subtitle Color - The color of the subtitle’s font.
../_images/short12.png

Icon Box

../_images/short13.png

This element lets you add an icon box with many option on how it would look like on a page. You will be able to customize this icon box in the Icon Box Settings.

../_images/short14.png

-General Tab-

  • Icon box Layout - Options on how the icon box would look.

    1. Icon Title Only

      • Display Icon or Image

        • Select the type of Icon - Option to add an icon or image in the info box.

          • Image

            • Icon Image - Choose an image to show.
            • Select the type of Icon - Select the Icon’s alignment.
            • Title - Title shown in the button in the icon box.
            • Icon Link - Link for the icon.
          • Icon

            • Select the type of Icon - Select the Icon’s alignment.
            • Icon - Title of the Icon Box.
            • Title - Title shown in the button in the icon box.
            • Icon Link - Link for the icon.
        ../_images/short15.png
    2. Icon With Subtext

      • Image

        • Icon Image - Title of the Icon Box.
        • Select the type of Icon - Select the Icon’s alignment.
        • Title - Title shown in the button in the icon box.
        • Icon Link - Link for the icon.
      • Icon

        • Select the type of Icon - Color scheme of the icon.
        • Icon - Title of the Icon Box.
        • Title - Title shown in the button in the icon box.
        • Icon Link - Link for the icon.
      ../_images/short16.png

List

../_images/short17.png

This element will let you add a list of items with icon.

../_images/short18.png
  • Column - Number of Column in the list.
  • List of features - List of features in the list, separated by a comma per features.
  • Text Color - Text color of the text in the list.
  • List icon - Choose an icon to use beside the text.

Counter Number

../_images/short19.png

This will create a Number Counter with description.

../_images/short20.png

-General Tab-

  • Enter Number - Enter the number for the counter.
  • Number Color - Text color of the number.
  • Description - Text below the number counter.
  • Text Color - Text color of description.

-Design options Tab-

  • Design options - Add/Change the margin, border, or padding of the promo section.
  • Border color - Color of the border line.
  • Border style - The style of the border line.
  • Border radius - The size of the border.
  • Background - Background color or image of the promo section.
../_images/short21.png

FAQ

../_images/short22.png

This element lets you add an FAQs with category on the page.

../_images/short23.png

-Category Tab-

  • Add Title - Option to add a title on top of the FAQs.

    • Header Title - If Yes, this option will show. Text for the title.
    • Title Align - Alignment of the title.
    • Title Color - Text color of the title.
  • Category To Display - Choose a category in the FAQ to post.

  • Enter FAQ Question Title To Active - Choose an FAQ item that will be open.

../_images/short24.png

Horoscope Slider

../_images/short25.png

This element lets you add a Horoscope slider in the page.

../_images/short26.png

-General Tab-

  • Slider Type - Font color of the testimonials.
  • Title - Make the slider automatically move.
  • Container Background Color - Speed of the autoplay.
  • Text Color - Option to make the testimonials fade rather than slide to change.
  • Time limit - Option to show navigation dots at the bottom of the testimonial slider.

-Filters Tab-

  • Limit - Set results limit.
  • Skip X elements - Skip a number of elements from the results.
  • Order - How the posts order looks.
  • Order by - How the posts are ordered.
  • Specify Horoscope Items - Only selected posts are shown.
  • Exclude Horoscope Items - None of the selected posts will be displayed.
  • Specify Horoscope Categories - Only show posts under the categories.
  • Exclude Horoscope Categories - None of the posts under the categories are shown.
  • Specify post tags - Only show posts with selected tags.
  • Keyword search - Show items with certain keyword.

Numerology display

../_images/short27.png
../_images/short28.png

Testimonials

../_images/short28.png

Gives you an option to show Testimonials that are made on your site.

../_images/short29.png

-General Tab-

  • Background Color - Title of the Testimonials block.
  • Text Color - Number of testimonials being shown in a row.
  • Name Color -

-Filters Tab-

  • Dots - Option to add dot navigation in the slider.
  • Autoplay - Option to make the slider move on its own.
  • Speed [ms] - Speed of the slider.
  • Order - How the testimonials order looks.
  • Order by - How the testimonials are ordered.
  • Limit - Number of items to show in the page.