General Information¶

Thank you for purchasing Sella! We’re very pleased that you have chosen our plugin to extend your website. We’re doing our best not to disappoint you! Before you get started, please check out these documentation pages. Sella can only be used with WordPress and we assume that you already have it installed and ready to go. If you don’t, please see WordPress Codex to get started.

Requirements¶

Before using Sella, please meet the following requirements:

• Essentials to run WordPress – Read more about WordPress Minimum Requirements – in case any doubts regarding the server, contact your host provider.
• Latest version of WordPress, which you can download here.
• Create secure FTP and Database.

Installation¶

In our guide, we will show you step by step instructions on how to install our WordPress theme for beginners. Below you will find will cover two ways to install a WordPress theme.

Installation via Administration Panel¶

If Sella files are downloaded from your Themeforest account, you can start an installation using WordPress administration panel.

In Wordpress Older Version you can find instructions how to proceed with 4.7.0 and lower versions of WordPress.If you’re using newer version, follow steps below to install the theme:

• Step 1 - Once you’ve logged in to your administration panel, go to My Sites > Network Admin.

• Step 2 - Then click on Themes > Add New, you will be directed to a page where you can choose available themes.

• Step 3 - Once directed to the page, on the upper left side of the screen click on Upload Theme button.
• Step 4 - Choose the Sellatheme.zip file from your computer, then click Install Now.

• Step 5 - Click on My Sites then go to Appearance > Themes and Activate Sella.

• Step 6 - After activating Sella, you will be sent to Theme Installation Instruction steps. By following this steps you will be asked to install required plugins, activate them, import demo content (required) and install sample of WPL content.

Common Install Error: Are You Sure You Want To Do This?

If you get the following question message when installing Sellatheme.zip file via WordPress, it means that you have an upload file size limit. Install the theme via FTP or call your hosting company and ask them to increase the limit.

Installation via FTP¶

To install Kids WP via FTP, follow steps below:

• Step 1 – Unarchive Sellatheme.zip file
• Step 2 – Access your host web server using FTP client
• Step 3 – Find directory wp-content > themes
• Step 4 – Put folder Sellatheme in directory wp-content > themes

Learn more:

• WordPress Codex – FTP clients

Unyson, Extension, and Plugins¶

Some functionalities of the Sella Theme are available because of the plugins we used to create it. Once Sella is activated in your WordPress admin panel you should see notification about bundled plugins we recommend to install – they are included in Sella package – so you don’t have to do anything more than click install and activate.

Unyson¶

Unyson is a framework for WordPress that facilitates development of a theme. This framework was created from the ground up by the team behind ThemeFuse from the desire to empower developers to build outstanding WordPress themes fast and easy. This documentation is heavily modified by createIT to ensure all custom extensions are well documented.

This documentation assumes you have a working knowledge of WordPress. If you haven’t, please start by reading WordPress Documentation.

Minimum Requirements

• WordPress 4.0 or greater
• PHP version 5.2.4 or greater
• MySQL version 5.0 or greater

Installation

Unyson is part of Sella plugin that should be activated to be able to use the fully use this theme.

After plugin will be activated you will notice the Unyson entry in the sidebar:

Configure the plugin by going to the Unyson menu and activating the following extensions:

• Backup & Demo Content: This extension lets you create an automated backup schedule, import demo content or even create a demo content archive for migration purposes.
• SASS Compiler: Compiles SASS files. Remember to activate it when you are going to change theme colors via Customize.
• Sella FAQ: This extension will add FAQ post type support
• Sella Portfolio: Sella Portfolio
• Sella Team: This extension will add team post type support.
• Sella Testimonials: This extension will add testimonials post type support

License

The licenses for most software are designed to take away your freedom to share and change it. By contrast, the GNU General Public License is intended to guarantee your freedom to share and change free software. Unyson inherits the General Public License (GPL) from WordPress.

Plugins¶

Visual Composer¶

Simply drag and drop elements to build your page content. We prepared components which will help you determine main structure of the webpage – easily set up backgrounds, colors and styles for whole sections as well as lots of various smaller components which you can freely put wherever you want.

Note

As the VC plugin used with Sella WP Theme is part of a bundle, that mean that theme author has a license and only he/she can download latest versions of VC and include it in the theme. You as a theme user may use Visual Composer free of charge while you use the theme that came with VC (because you have a license for that theme).

Learn more:

For more information about Visual Composer, please check articles below:

• How to install Visual Composer
• Visual Composer demo
• Visual Composer documentation

Slider Revolution¶

How to activate the plugin

Slider Revolution is included in Sella WP package – so you don’t have to do anything more than click install and activate as you do with other plugins.

If you are new user of the revolution Slider plugin or you just want to check some of it functionality feel free to check Slider Revolution Documentation created by the authors of this plugin.

Contact Form 7¶

Contact forms in Sella WP are created with the use of Contact Form 7 Plugin. Below you will find information how to recreate Contact forms used in our theme by adding the correct markup for the Form section of this plugin.

If you never before used this plugin I suggest you to check Getting Started with ContactForm 7.

The Events Calendar¶

Create an events calendar and manage it with ease. The Events Calendar plugin provides professional-level quality and features.

If you never before used this plugin I suggest you to check Getting Started with The Events Calendar.

CampTix Event Ticketing¶

CampTix is an easy to use and flexible events ticketing. It allow visitors to purchase tickets to your online or offline event, directly from your WordPress website.

Common questions:

• How to update the plugin when it was packaged with your theme?
• Purchase Code isn’t working

Demo Content¶

Note

To be able to use theme content installation and backup functionality make sure to activate Backup & Demo Content Unyson’s extension.

The fastest and easiest way to import our demo content is to use Theme Options Demo Content Installer. It will import all pages and posts, sample slider, widgets, theme options, assigned pages, and more.

Import Demo Content¶

To import our demo content, please follow the steps below:

• Step 1 – navigate to Tools where after activating the Unyson extension Demo Content Install option will be available

• Step 2 – choose import option you want to use from available options

• Step 3 - To be able to continue you need to agree to this term.

• Step 4 – Wait until the content will be installed

Importing can take a few minutes. Please be patient and wait for it to complete. Once it will be loading, you will see message with indicating progress.

We recommend this approach on a newly installed WordPress. It will replace the content you currently have on your website. However, we create a backup of your current content in (Tools > Backup). You can restore the backup from there at any time in the future.

Support¶

All of our items comes with free support. Free support is limited to questions regarding the themes features or problems. We provide premium support for code customisation or third-party plugins.

Create New Page¶

To create a new Page in Zodiac follow the steps below:

• Step 1 - In Dashboard, navigate to Pages > Add New. You will be directed to a page where you can add details on the page.

• Step 2 - Add the Title of the page.

• Step 3 - Add content – we recommend you to create page content using Visual Composer or by modifying demo content.

• Step 4 - Choose page attributes.

  • Parent – If you want to create this page as a subpage.

  • Template – You can choose one of defined page templates.

    • Default Template - This template will show a spacing between the Header and the main content.
    • Contributor Page
    • Full Width Page - Template for a full width page.
    • Slider Revolution Blank Template
    • VC Template - No spacing between the header and the content. Spaces can be customized in VC Elements Design Options tab.

  • Order – The order of the page.

• Step 5 - After adding all the contents of the page, click on the Publish button.

Create Page Using Visual Composer¶

When using Visual Composer to add content, you have 2 Editor options, the Backend Editor and Frontend Editor.

Backend Editor

Frontend Editor

In adding contents to the page, there are many options to choose from.

Some of the options are:

• Elements - You will be able to choose elements that are needed and used on the page.

• Text Block – This is where you add Text to the page.

• Row – An area where you can add elements.

Homepage Setup¶

If you have added some pages via Pages > Add New you can choose one and set it up as a homepage.

Use Static front page tool in Settings > Reading and choose from the list your homepage. Remember to click Save changes at the end of editing.

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:

Button¶

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

-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

Featured Box¶

This shortcode will let you add an Icon with text below.

-General Tab-

• Icon - Options for the icon shown in the icon box.
• Icon color - Color of the icon image.
• Subtext - Text below the icon.

Styled Google Maps¶

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

-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

Header Title¶

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

-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.

Icon Box¶

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.

-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.

  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.

List¶

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

• 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¶

This will create a Number Counter with description.

-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.

FAQ¶

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

-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.

Horoscope Slider¶

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

-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¶

Testimonials¶

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

-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.

Zodiac Plugin Elements¶

Some plugins that are used in Zodiac generates an element that helps customize the pages on your site. You will see the plugin elements as follows:

Contact Form 7¶

This is the plugin that can add a Contact Forms on a page. To know how to create a contact form, go to the Create Contact Form tutorial.

Revolution Slider & Revolution Slider 5¶

This plugin lets you add a slider that you made under the Slider Revolution. The slider revolution lets you make your own customized slider. To know how to use the slider revolution, go to the Create Revolution Slider.

Visual Composer¶

This element lets you customize your page using a simple drag and drop of elements to build your page content. You can easily setup the backgrounds, colors, and styles for a whole section as well as lots of various smaller components which you can freely put wherever you want.

Some of these elements are:

Single Image¶

This element will let you add a single image in your page.

Image Gallery¶

This element will let you add multiple images in your page.

Video Player¶

This element will let you add a video or MP3 file inside your page by adding the link for the video/MP3.

Tab¶

This element will add an animated progress bar in your page.

Create New Blog¶

No matter which method you use to display your blog posts, first thing you need to do is create them.

Sella offers several blog post formats:

Follow the steps below to create a blog post:

• Step 1 - Navigate to Blog Posts > Add New in the Dashboard.

• Step 2 - Create a title and insert your post content in the editing field. You can use any of our shortcode elements inside the post. If you want to use some additional fields, choose them from Screen Options at the top of the screen.

• Step 3 - Add Blog Categories on the right side. Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category . To assign it to the post, check the box next to the Category name.

• Step 4 - To add Tags, write the Tags at the textbox below the Blog Categories. Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical. Type the name of the tag in the field, separate multiple tags with commas.

• Step 5 - To add a Single image, click the Featured Image box, select an image and click Set Featured Image.

To add more than one image, use Image Gallery (Visual Composer element) , each image will be a slide in the gallery slideshow. Gallery can be created by adding images from Media gallery or by adding External links of the images that will be used.

• Step 6 – To post Video, use Video Player (Visual Composer element) and paste the direct video URL from Youtube, Vimeo or Dailymotion and more.

• Step 7 – to post Audio, use Video Player (Visual Composer element) and paste the direct audio URL from Soundcloud, Mixcloud and more.

• Step 8 – For Quotation, use WordPress Blockquote option (Shift + Alt + Q).

• Step 9 – For Links, use WordPress Inser/Edit Link option (Ctrl + K).

• Step 10 – Create an excerpt – Excerpts are optional hand-crafted summaries of your content that can be used in your theme. Learn more about manual excerpts.
• Step 11 – Once finished, click Publish to save the post.

You will see all the Blogs created at Blog Posts > All Posts.

Blog Index Page¶

The most popular way of displaying blog posts is to setup blog index page. There all of your posts will be displayed and ordered by publish date.

To set the page as your post page, navigate to Posts page tool in Settings > Reading and choose Blog index page from the ones you created.

Note On Blog index page you will see only your posts, so don’t add any other content to it.

Blog Category¶

Categories are meant for broad grouping of your posts, think of these as general topics. Categories are hierarchical, so you can add sub-categories. Sub-categories are made when a Category is added to a Parent Category.

Adding categories to a blog would make it easier to locate and post on similar topics by category.

Blog Tags¶

Tags are meant to describe specific details of your posts. They are the micro-data that you can use to micro-categorize your content. Tags are not hierarchical.

Adding tags to a blog post would make it easier to relate a post with another post even if the categories are different.

Create Portfolio Item¶

To create a new Portfolio Item, navigate in WordPress Dashboard to Portfolio items > Add New

The Add New Portfolio Item page will show. Add the details for the portfolio.

1. Title - Title of hte portfolio.

2. Editor container - Images visible on portfolio item page. Content visible in the Editor container is added with use of Add Media option or using Sella Elements.

3. Portfolio Categories (optional) – Assign to already existing category or add new one.

4. Tags (optional)

5. Featured Image - The image visible on the page where the portfolio is used.

6. Portfolio settings

   • Client
   • Client website
   • Details
   • Start date
   • End date

   Note

   The Portfolio settings is used as the details on the sidebar of the portfolio.

After adding all the details, click on Publish button to save.

Create Portfolio Categories¶

Categories are convenient ways to organize your FAQ items, that can be added to more than just one category.

To create new Portfolio Category, navigate in WordPress Dashboard to Portfolio items > Portfolio Categories.

The Portfolio Categories page will show, here you can add the details of the Portfolio Category that you would like to create.

After adding all the details, click on the Add New category button to save.

Create Portfolio Page¶

Portfolio of Sella is generated by the theme from Portfolio Items.

To create a simple Portfolio Page, follow these steps:

• Step 1 - Create a new page where to add the Portfolio.

• Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

• Step 3 - Change the settings to your preference.

• Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

• Step 5 - Add a new row to add the Portfolio Items. To add the Portfolio Items, add a Post Masonry Grid element to the page.

• Step 6 - Change the following information to get the Portfolio Items.

  -General Tab-

  • Data source – Ct-portfolio (setting this option, images will be taken from Portfolio item)
  • Total items – choose number of elements that will be visible on the site.
  • Display Style – Show all
  • Show filter – Yes
  • Grid elements per row – choose 3, 4 or 6 Elements per row
  • Gap – 30px
  • Initial loading animation – Default

  -Item Design-

  • Grid element template – Masonry grid: Overlay with rotation (Choose how the Masonry Grid will act)

• Step 7 - You can customize the page by adding other elements to the page.

• Step 8 - Once satisfied with the page, click Publish to save.

Create Team Member¶

To create a new Team Member item, navigate in WordPress Dashboard to Team members > Add New.

The Add New Team member page will show. Add the details for the team member.

1. Title - The name of the team member.

2. Editor container - You can add here the role of the team member that will be shown in the website.

3. Team options

   • Position - Team member’s position in the company.
   • Facebook URL - Team member’s facebook account.
   • Twitter URL - Team member’s twitter account.
   • Instagram URL - Team member’s instagram account.
   • LinkedIn URL - Team member’s LinkedIn account.
   • Skills - Skill the team member have. Add new skills or delete existing ones.

4. Team Categories

5. Featured Image - Team members picture that will be shown in the site.

After adding all the details, click on Publish button to save.

Create Team Member Page¶

Teams of Sella is generated by the theme from Team members items.

To create a simple Job Page, follow these steps:

• Step 1 - Create a new page where to add the Teams page.

• Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

• Step 3 - Change the settings to your preference.

• Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

• Step 5 - Add a new row to add the Team members items. To add the Team members items, add a Team display element to the page.

• Step 6 - Add the needed information for the Team display element. Click Save changes to save.

  -General Tab-

  • Display Skills - Option to show skill in the element.
  • Name Color -

  -Filters Tab-

  • You can set the filter for the table. Set/Change as needed.

• Step 7 - You can add more elements on the page as you like. Once satisfied, click on the Publish button.

Create Contact Form¶

To create a new Contact Form item, navigate in WordPress Dashboard to Contact > Add New.

The Add New Contact Form page will show. Add the details for the Contact Form.

1. Title - The title for the Contact Form

2. Form Details - Details and information of the form.

   • Form - The codes for the user interface of the form.
   • Mail - Set the email template of the form.
   • Messages - Message prompt when an action is done with the form.
   • Additional Settings - You can add customization code.

After adding all the details, click on Save button to save.

Create Contact Page¶

Contact Form Page of Sella is generated by the theme from Contact Form item.

To create an Contact Form Page, follow these steps:

• Step 1 - Create a new page where to add the Contact Form.

• Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

• Step 3 - Change the settings to your preference.

• Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

• Step 5 - Add a new row to add the Contact Form item. The Contact Form can be generated by Contact Form 7 of Theme Element.

• Step 6 - The Contact Form 7 Settings will pop-up. Change details as needed.

  • Select contact form - The form you want to add to the page.
  • Search title - Optional title to search if no form is added.

• Step 7 - You can customize the page by adding other elements to the page.

• Step 8 - Once you have finished customizing the page, click on the Publish button.

Create Testimonials¶

To create a new testimonial, on your Dashboard navigate to Testimonials > Add New.

The Add New Testimonial page will show. Add the details for the testimonial.

1. Title - The title of the single testimonial page.

2. Editor container - You can add here the testimonial.

3. Author

   • Name - The name of the one who said the testimonial.
   • Title - Position in the company.
   • Company - Name of the company.

4. Featured Image - Author’s picture.

After adding all the details, click on Publish button to save.

Add Testimonials to Page¶

To add testimonials to a page, elements in the Visual Composer are used.

These are the elements that will add an event on the page. For more information about this element, go to Sella Custom Shortcodes > Testimonials/Testimonials slider.

Delete Testimonials¶

To delete a Testimonial, navigate your Dashboard to Testimonials > Testimonials

In the Testimonials page, you will see all the created testimonials.

To delete a testimonial, you have two options:

• Single Testimonial Delete - Hover your mouse pointer on the testimonial that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.

• Multiple Testimonials Delete - To delete multiple testimonials, click on the box beside the testimonials you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Move to Trash option. Click on Apply button to delete.

Create FAQ Item¶

Frequently Asked Questions (FAQ) of Sella is generated by the theme from FAQ items.

To create a new FAQ item, navigate in WordPress Dashboard to FAQ > Add New.

The Add New FAQ page will show, information on the FAQs can be define here.

• Title – The FAQ’s question should be written as the title.
• Editor Container – Where the answers for the question is added.
• FAQ Categories (optional) – Assign to preexisting category or add a new one.

Once done, click on Publish button.

Create FAQ Categories¶

Categories are convenient ways to organize your FAQ items, that can be added to more than just one category.

To create new FAQ Category, navigate in WordPress Dashboard to FAQ > Faq Categories.

The FAQ Categories page will show, here you can add the details of the FAQ Category that you would like to create.

After adding all the details, click on Add New category to save.

Create FAQ Page¶

Frequently Asked Questions (FAQ) of Sella is generated by the theme from FAQ Items.

To create an FAQ Page, follow these steps:

• Step 1 - Create a new page where to add the FAQs.

• Step 2 - Add a row element to the page, click the Edit this row option of the row. The Row Settings will pop-up.

• Step 3 - Change the settings to your preference.

• Step 4 - In the row, to add a title for the page. You have the option to add a Text Block or Section/Header Title element.

• Step 5 - Add a new row to add the FAQ Items. The FAQ Items can be generated by 2 types of Theme Element: FAQ Single Category or FAQ All Categories.

  1. FAQ Single Category - You can specifically add FAQ Items using the categories of the FAQ Items.

  2. FAQ All Categories - All the FAQ Items are shown.

• Step 6 - You can customize the page by adding other elements to the page.

• Step 7 - Once you have finished customizing the page, click on the Publish button.

Widgets¶

Widgets are small blocks of content, which you can find in theme footer or sidebar. They were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure.

Sidebars¶

In Zodiac you have access to 5 sidebars that can be customized using available theme widgets.

• Footer Column 1-3

  • Footer Column 1 - CT About Us

    Note

    The text and logo is center aligned.

    • Title
    • Content
    • Link Text
    • Link URL

  • Footer Column 2

    Note

    The text and logo is center aligned.

    • Title
    • Content
    • Button Text
    • Button URL

  • Footer Column 3

    • Title
    • Telephone Number
    • Mobile Number
    • Email
    • Address
    • Contact Form Shortcode

• Blog sidebar

You can enable/disable blog sidebar in the Appearance > Customize > Blog Settings > Blog/Single blog post, then uncheck the Display blog sidebar.

Menus¶

Menus are a list of commands or options you can customize for you to use in your site.

Using Menu on Widget¶

Menus can also be shown on widgets section of Dashboard.

After creating the menu you want to use, go to Appearance > Widgets and set the menu on your site using Custom Menu widget like in the example below:

Choose the sidebar you want the menu to be added, then click on the Add Widget button.

Set the menu to the one you want to add, then click the Save button.

You can see the changes on the page where the sidebar is used.

Site Identity¶

Here you will have the option to customize your site’s identity or how it can be viewed by people.

• Site Title - The title of the site you created.
• Tagline - The slogan/catchphrase for you site. What people will remember if they see your site.
• Site Icon - The icon used as a browser or app icon. Icons must be square, and at least 512 pixels wide and tall.

Add all the information you like to add, then click on the Save button.

General¶

You can pick the color scheme of the site here.

• Pick the motive color - Pick the main color scheme of the site.

  Note

  In order to use this feature, please have SASS Compiler enabled in Unyson extensions.

• Preloader on/off - Display preloader before page is loaded.

• Image for preloader - The image that will show in the preloader.

• Copyright Text - Copyright information.

• Sidebar Width - The width set for the sidebar.

Add all the information you like to add, then click on the Save button.

Header Settings¶

The Header Settings is where to set the behavior of the header and how it looks.

The header settings is divided into 3 parts:

• Navigation

  • Navigation behavior type - How the navigation of the header behaves.

  • Transparent Navigation background - Option to have the background of the header transparent.

  • Search in navigation - Option to show a search area on the header.

  • Social - Option to show the phone number and social media accounts of the site on the header.

  • Phone - The phone number that will be displayed in the Social area.

  • Facebook - The facebook account will be navigated in the Social area.

  • Twitter - The twitter account will be navigated in the Social area.

  • Instagram - The instagram account will be navigated in the Social area.

  • New Tab - Option to open the Social buttons in a new tab.

• Logo Settings

  • Logo - The main logo displayed on the site.

  • Display Custom Logo for when page is scrolled - Option to show the Custom Logo when scrolling.

  • Custom Logo image - The logo that will replace the main logo when the background color changes from light/dark.

• Page Header

  • Display page header - Option to display header on top of the pages.

  • Display page header in main page - Option to display header on top of the main page.

  • Page Header Type - The type of the header.

  • STATIC Background Image - Background image of the header when Static is selected as header type.

  • PARALLAX Background Image - Background image of the header when Parallax is selected as header type.

  • Head height - The header height in pixels.

  • Parallax ratio - Ratio of the parallax.

Add all the information you like to add, then click on the Save button.

Mobile Menu¶

Options on what to show in the Mobile view of the site.

• Unique mobile menu logo - Option to have a unique logo for the mobile view.
• Logo - The unique logo for the mobile view.
• Display Login/Register - Show the login/register page in the mobile view.
• Display search - Show an option for search.

Custom Post Type¶

The custom post type is divided into 3:

• Job

  • Display sidebar - Option to display the sidebar in the page where the job is shown.

  • Place to display sidebar - Location on the page where the sidebar is placed.

  • Pick the title text color - Color of the title of the job.

  • Pick the subtitle text color - Color of the subtitle of the job.

• Team

  • Display sidebar - Option to display sidebar on the page of the team member.

  • Place to display sidebar - Location on the page where the sidebar is placed.

• Portfolio

  • Display portfolio sidebar - Option to show the portfolio’s Portfolio settings as a sidebar.

  • Place to display sidebar - Location on the page where the sidebar is placed.

  • Social share - Option to show the Social Media Share Buttons.

  • Social Share - Options of social media to show as Social Media Share Buttons.

Blog Settings¶

The blog settings is divided into 2:

• Blog

  • Display blog sidebar -

  • Place to display sidebar

  • Blog Order

• Single blog post

  • Display blog sidebar - Option to show sidebar on the individual blog’s page.

  • Place to display sidebar - Location on the page where the sidebar is placed.

  • Social Share - Option to show the Social Media Share Buttons.

  • Social Share - Options of social media to show as Social Media Share Buttons.

  • Display comments after post - Option to have a comments area after the post.

  • Tags after post - Show the blog’s tags after the post.

Coming Soon Template¶

You can customize the Coming Soon Page.

• Navigation Logo - Option to show the logo.
• Upload Logo - The logo that will be displayed on the page.
• Date - The date of the event that will be coming.
• Display social - Option to show Socials on the page.

Homepage Setting¶

Option for the front page is shown here.

• Front page displays - Options on how the front page/home page looks like.

  • Your latest posts - Show the latest post on your blogs.

  • A static page - Set a page that would stay the same until the page is replaced manually.

Menus¶

You can change the details and settings of a menu here.

1. Menu Location - Sella supports 2 menus: Primary Menu and Sidebar Menu

   • Top primary menu - Choose which menu in the Menus would like to use as the primary menu.

   • Secondary menu in left sidebar - Choose which menu in the Menus would like to use as the sidebar menu.

2. Menus - These are the menus made by you. You can make/add a new menu or delete it here.

Footer¶

You can customize the footer here.

• Pre-footer display - Option to display a section before the footer on the page.
• Footer display - Option to display footer on the page.
• Number of footer rows - Number of rows in the footer.
• Footer logo - Option to show a logo in the footer.
• Logo Image - The image to show as the logo.
• Post footer display - Option to display a section after the footer on the page.
• Number of post footer rows - Number of rows in the post footer.

Widgets¶

You can customize what is inside the widgets on the page. If a widget is placed on the page you see on the preview, it will be listed on the left side under widgets.

• Prefooter
• Footer First Row
• Footer Second Row
• Post-footer First Row
• Blog sidebar
• Main sidebar

The Events Calendar¶

You can customize the Event Calendar and Individual Event Page.

• General Theme - Global configurations for the styling of The Events Calendar.

• Global Elements

• Month View

• List-style Views

• Single Events

• Widgets

Additional CSS¶

You can add your own CSS code for your site.