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.
Before using Sella, please meet the following requirements:
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.
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:
![]() |
![]() |
![]() |
![]() |
![]() |
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.
To install Kids WP via FTP, follow steps below:
![]() |
Learn more:
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 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
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:
![]() |
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.
On the Unysone page you’ll see a list of avaliable extensions separated in two sections:
Active Extensions - Extensions that should be activate to be able to fully use Sella WP theme functionality:
Available Extensions - extensions not yet downloaded or activate.
Note
We recommend to not activate any of the extensios that are not part of the list above. They may not be compatible with the theme and could create unexpected issues.
![]() |
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 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 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.
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 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:
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.
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.
![]() |
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.
For issues and concern, you can reach us through these support methods:
E-mail – support@createit.pl
Help Desk – Click here to go to our support website. Just click on the Submit Ticket button and follow instructions to create a ticket.
Forum – Comment/Post on the product you have issues/queries in ThemeForest or CodeCanyon websites.
Before You Post in a Forum
We urge you to follow the steps below, before you post a new topic on the forum, to speed up your request. It’s in everyone’s interest and will benefit in making the entire forum more efficient:
- Step 1 – Always check the Documentation and the Knowledgebase Section. Most questions are already answered in those areas.
- Step 2 – If your question hasn’t been brought up on the forum, please post a new topic. Always be as specific as possible. Creating a topic requires entering the live URL to your home page or page that shows the issue in question. It also has bars for WP and FTP login info, which aren’t required, however, providing us with your login information can save a lot of time for both of us. Login credentials are securely stored and accessible only by our support staff.
- Step 3 – We usually answer questions in 24 hours on working days. However, if you don’t get any answer within 72 hours bump up your question or send us an e-mail.
For all support methods, you will receive confirmations and replies on your queries through e-mail or by tracking your ticket which you will also get through e-mail. To track your ticket, please click here.
Once we reply to your query, each ticket will be open for 7 days without a reply from you. On the 6th day without a reply, an e-mail will be sent to notify you of the ticket’s inactivity. To make the ticket active again, you simply need to reply or follow the steps in the e-mail. If you won’t make the ticket active within 7 days, on the 8th day the ticket will automatically be closed.
Our support hours: 10:00 AM – 6:00 PM UTC +1 on Monday to Friday.
You can use Pages to organize and manage any content on your website. You can create multiple pages on your website for different types of content or setup onepager with scroll-to-section menu.
To create a new Page in Sella 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
- Order – The order of the page.
Step 5 - After adding all the contents of the page, click on the Publish button.
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.
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.
![]() |
With Sella comes many custom shortcodes for (Visual Composer) VC that are used to show content created in Sella.
Below you will find short information about this Visual Composer elements:
![]() |
![]() |
This theme comes with VC element that give you the option to create buttons that can be used in the theme.
![]() |
-General Tab-
- Button enable - Option to enable the button.
- Button type - Type of button showing.
- Button Alignment - Where the button is located.
- Text - The label of the button.
- Shape - Shape of the button.
- Color - Color of the button.
- Button Text Color - Color of the text label.
- Size - Size of the button.
- Add Icon? - Option to add an icon in the button.
- Icon - If Add icon is Yes, this option will show. Add the icon you would like to use.
- URL - URL link for the button.
- Open url in new tab? - Option to be able to open the link on a new tab.
![]() |
This will let you connect to a page in Facebook for advertising and information. Visitors on your site can Like and/or Share the FB page you are showing.
![]() |
-Sella Tab-
- Title - Title of the page.
- Page ID - Page ID of the FB page you would like to show. To know how to get your Page ID click here.
![]() |
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
![]() |
This theme comes with VC element that give you the option to create a header/section title that can be used in the theme.
![]() |
-Sella Tab-
- Type - Format of how the title would look like.
- Title - What is written as the title.
- Title Text Color - The color of the title’s font.
- Subtitle - What is written as the subtitle of the title.
- Subtitle Text Color - The color of the subtitle’s font.
- Title Position - Location of the title in the section.
![]() |
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.
![]() |
-Sella Tab-
Icon box Layout - Options on how the icon box would look.
![]()
Title - Title of the icon box.
Icon title color - Color of the title’s font.
Subtitle - Subtitle of the title.
Icon subtitle color - Color of the subtitle’s font.
Icon - Options for the icon shown in the icon box.
Icon color - Color of the icon image.
Icon color on hover - Color of the icon image when mouse arrow hovers above.
![]() |
Below you will see all the available options that can/need to be set to use Pricing Table.
![]() |
-Sella Tab-
Title - Title for the pricing table.
Subtitle - Subtitle of the title.
Price - The price of the listing.
Currency - Currency of the price.
Period - Period of the item in which it is usable by the buyer.
Text - Description of the listing being posted.
Badge - Option to show a badge on the listing.
- Badge Text - If Badge option is yes, this will show. This is the text on the badge.
Distinction - Option to customize the look of the top part of a pricing table.
- Distinction Color - The background color.
- Distinction Text Color - The text color of the top part of the pricing table.
Item List - List of items included in the listing.
Button - Option to add a button on the pricing table. If Yes, the button settings will show.
![]() |
This will create a promo section on the page.
![]() |
-General Tab-
- Section Title - Title for the promo section.
- Promo Section Background - Color of the section background.
- Full width: Bootstrap Container - Extend the section to its full width.
- Image - Image inside the promo section.
- Heading - Description of the item/service.
- Heading color - Font color of the heading.
- Subheading - Sub-description of the item/service.
- Subheading color - Font color of the subheading.
- Padding-left - Add a padding on the left side.
- Padding-right - Add a padding on the right side.
- Separator - Add a separator for the heading and the image.
- Button - Option to add a button on the promo section. If this option is Yes, the Button Settings option will show.
-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.
![]() |
This will show the latest posts posted in the blog.
![]() |
-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 post objects - Only selected posts are shown.
- Exclude post objects - None of the selected posts will be displayed.
- Specify terms of category taxonomy - Only show posts under the categories.
- Exclude terms of category taxonomy - 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.
-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.
![]() |
Below you will see all the available options that can/need to be set to use Upcoming Event element.
![]() |
-General Tab-
- Type of display - How the events are being shown.
- Show Buy Ticket - Option to add a Buy Ticket button.
- Ticket Type - The ticket that was made in Tickets. To know how to create tickets, go to Create Tickets tutorial.
-Filters Tab-
- Limit - Set results limit.
- Skip X elements - Skip a number of elements from the results.
- Order - How the events order looks.
- Order by - How the events are ordered.
- Specify tribe_events objects - Only selected events are shown.
- Exclude tribe_events objects - None of the selected events will be displayed.
- Specify terms of tribe_events_cat taxonomy - Only show events under the categories.
- Exclude terms of tribe_events_cat taxonomy - None of the events under the categories are shown.
- Specify post tags - Only show posts with selected tags.
- Keyword search - Show events with certain keyword.
-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.
![]() |
This element lets you add an FAQs with a single category on the page.
![]() |
-Category Tab-
- Choose a FAQ Category - Category of the FAQs that you want to show.
-Filters Tab-
- Limit - Set results limit.
- Skip X elements - Skip a number of elements from the results.
- Order - How the FAQs order looks.
- Order by - How the FAQs are ordered.
- Specify ct-faq objects - Only selected FAQs are shown.
- Exclude ct-faq objects - None of the selected FAQs will be displayed.
- Specify terms of ct-faq-taxonomy taxonomy - Only show FAQs under the categories.
- Exclude terms of ct-faq-taxonomy taxonomy - None of the FAQs under the categories are shown.
- Specify post tags - Only show posts with selected tags.
- Keyword search - Show events with certain keyword.
![]() |
This element lets you add all the FAQs on the page.
![]() |
-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.
![]() |
Lets you add a table that has the jobs created in the Jobs in it. To know how to create a jobs item, go to Create Jobs Item tutorial.
![]() |
-Sella Tab-
- Title - Title of the table.
- Status - Option to display status of the Jobs item.
-Filters Tab-
- Limit - Set results limit.
- Skip X elements - Skip a number of elements from the results.
- Order - How the jobs order looks.
- Order by - How the jobs are ordered.
- Specify ct-jobs objects - Only selected jobs are shown.
- Exclude ct-jobs objects - None of the selected jobs will be displayed.
- Specify terms of category taxonomy - Only show jobs under the categories.
- Exclude terms of category taxonomy - None of the jobs under the categories are shown.
- Specify post tags - Only show posts with selected tags.
- Keyword search - Show events with certain keyword.
![]() |
Lets you add a table of the team members created in the Team Members. To know how to create a team member item, go to Create Team Member tutorial.
![]() |
-General Tab-
- Display Skills - Option to show the skills of the team members.
- Name Color - Font color of the team member’s name.
-Filters Tab-
- Limit - Set results limit.
- Skip X elements - Skip a number of elements from the results.
- Order - How the team members order looks.
- Order by - How the team members are ordered.
- Specify ct-team objects - Only selected team members are shown.
- Exclude ct-team objects - None of the selected team members will be displayed.
- Specify terms of ct-team-taxonomy taxonomy - Only show team members under the categories.
- Exclude terms of ct-team-taxonomy taxonomy - None of the team members under the categories are shown.
- Specify post tags - Only show posts with selected tags.
- Keyword search - Show events with certain keyword.
![]() |
Gives you an option to show people static Testimonial Items that are made on your site.
![]() |
-General Tab-
- Title - Title of the Testimonials block.
- Items in a row - Number of testimonials being shown in a row.
-Filters Tab-
- Limit - Set results limit.
- Skip X elements - Skip a number of elements from the results.
- Order - How the testimonials order looks.
- Order by - How the testimonials are ordered.
- Specify ct-testimonials objects - Only selected testimonials are shown.
- Exclude ct-testimonials objects - None of the selected testimonials will be displayed.
- Specify terms of category taxonomy - Only show testimonials under the categories.
- Exclude terms of category taxonomy - None of the testimonials under the categories are shown.
- Specify post tags - Only show posts with selected tags.
- Keyword search - Show events with certain keyword.
-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.
![]() |
Gives you an option to show people dynamic Testimonial Items that are made on your site.
![]() |
- Text color - Font color of the testimonials.
- Autoplay - Make the slider automatically move.
- Speed [ms] - Speed of the autoplay.
- Fade - Option to make the testimonials fade rather than slide to change.
- Dots - Option to show navigation dots at the bottom of the testimonial slider.
- Order - How the testimonials order looks.
- Order by - How the testimonials are ordered.
- Limit - Limit on how many testimonials will show.
Some plugins that are used in Sella generates an element that helps customize the pages on your site. You will see the plugin elements as follows:
![]() |
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.
![]() |
![]() |
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.
![]() |
![]() |
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:
![]() |
This element will let you add a video or MP3 file inside your page by adding the link for the video/MP3.
![]() |
![]() |
This element lets you add a graph. These are the types of graph that you can add:
Pie
![]()
Round
![]()
Line
![]()
Sella is loaded with options for the blog. It offers many different options for you to present your blog posts, along with several different blog post layouts. In addition, there are numerous theme options and shortcode options that allow you to customize how posts are displayed.
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:
![]() |
![]() |
![]() |
![]() |
![]() |
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).
You will see all the Blogs created at Blog Posts > All Posts.
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.
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.
To create a Category for a blog, follow these steps:
Step 1 - Navigate your Dashboard to Blog Posts > Categories. You will see the Blog Categories page.
Step 2 - In the page, find the Add New Category area. Add All the necessary information.
![]()
- Name - The name of the category.
- Slug - The URL-friendly version of the name. Usually all lowercase.
- Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
- Description - Description of the category.
Step 3 - Once done filling out the information of the category, click on Add New Category button to save.
To delete a Category, navigate your Dashboard to Blog Posts > Categories.
In the Blog Categories page, you will see all the created category.
To delete a category, you have two options:
Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.
Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.
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.
To create a Tag for a blog, follow these steps:
Step 1 - Navigate your Dashboard to Blog Posts > Tags. You will see the Tags page.
Step 2 - In the page, find the Add New Tag area. Add All the necessary information.
![]()
- Name - The name of the tag.
- Slug - The URL-friendly version of the name. Usually all lowercase.
- Description - Description of the tag.
Step 3 - Once done filling out the information of the tag, click on Add New Tag button to save.
Note
Adding a tag may affect the tags from events and portfolio.
To delete a tag, navigate your Dashboard to Blog Posts > Tags.
In the Tags page, you will see all the created tags.
To delete a tag, you have two options:
Single Delete - Hover your mouse pointer on the tag that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.
Multiple Delete - To delete multiple tags, click on the box beside the tags you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.
Note
Deleting a tag may affect the tags from events and portfolio.
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.
![]() |
Title - Title of hte portfolio.
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.
Portfolio Categories (optional) – Assign to already existing category or add new one.
Tags (optional)
Featured Image - The image visible on the page where the portfolio is used.
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.
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.
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.
To create a new event, follow the steps:
Step 1 - To start creating an event, on your Dashboard navigate to Events > Add New. The Add New Event page will show.
Step 2 - Once your in the Add New Event page, you can add details about the event like title, pictures, videos, pricing, etc., to help with the promotion of the event. You can use the Elements in Sella to customize it to your liking.
Step 3 - This are the needed information for the event, you can add the details.
![]()
- Title - The name of the event.
- Editor container - You can add the information for the event, like the rules and requirements to attend the event.
- The Events Calendar
- Time & Date - You can set the Time & Date of the event.
- Location - You can Add or select a Venue of the event.
- Organizers - You can Add or select an Organizer of the event. You can set more than one organizer in an event.
- Event Website - You can add an event website if there is one.
- Discussion - Option to allow the trackback/comments section of an event.
- Tags - Specifically categorize an event.
- Event Categories - Group an event with other events in the same category.
- Event Options
- Hide From Event Listings
- Sticky in Month View
- Feature Event
- Featured Image - The Image shown in the listings/pages.
Step 4 - Add all the needed details and descriptions for the event, Once satisfied click on Publish button.
To add events on a page, an element in the Visual Composer is used.
![]() |
This is the element that will add an event on the page. For more information about this element, go to Sella Custom Shortcodes > Upcoming Event.
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 an event would make it easier to locate and post on similar topics by category.
To create a Category for an event, follow these steps:
Step 1 - Navigate your Dashboard to Events > Event Categories. You will see the Event Categories page.
Step 2 - In the page, find the Add New Event Category area. Add All the necessary information.
![]()
- Name - The name of the category.
- Slug - The URL-friendly version of the name. Usually all lowercase.
- Parent Category - If the category is a sub-category, then look for the parent category in the drop-down box.
- Description - Description of the category.
Step 3 - Once done filling out the information of the category, click on Add New Category button to save.
To delete a Category, navigate your Dashboard to Events > Event Categories.
In the Event Categories page, you will see all the created category.
To delete a category, you have two options:
Single Delete - Hover your mouse pointer on the category that you would like to delete. You will see a Delete option pop-up. Click on Delete to delete.
Multiple Delete - To delete multiple categories, click on the box beside the categories you would want to delete. Then click on the drop-down box for Bulk Actions and choose the Delete option. Click on Apply button to delete.
An Event Venue is where the event is going to be held. The venue can be used by many events, so to make it efficient and fast you can store the event venues information in the database by using the Events plugin then Venues.
To create an event venue, follow the steps:
Step 1 - In your Dashboard, navigate to Events > Venues. You will be directed to the Venues page.
Step 2 - Click on the Add New button to add a new venue. The Add New Venue page will pop-up.
Step 3 - This is where you will add the details of the venue.
![]()
- Title - The name of the venue.
- Editor container - You can put additional details about the venue in this area, like pictures and descriptions.
- Venue Information - Specific information needed for the venue.
- Address - Street address of the venue.
- City
- Country
- State or Province
- Postal Code
- Phone - Contact number for the venue.
- Website - Website of the venue.
- Show Google Map - Option to show the address in a google map on the page.
- Show Google Maps Link - Option to show the link of the google map.
Step 4 - Once finished with adding the details, click on the Publish button to save.
To delete an Event Venue, navigate your Dashboard to Events > Venues.
In the Venues page, you will see all the created venues.
To delete an event venue, you have two options:
Single Venue Delete - Hover your mouse pointer on the venue that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.
Multiple Venue Delete - To delete multiple venues, click on the box beside the venues 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.
The Event Organizers are the ones that are making/organizing the events. Just like the event venues, an event organizer can be connected to more than one event at a time. To make it efficient and fast you can store the event organizers information in the database by using the Events plugin then Organizers.
To create an event organizer, follow the steps:
Step 1 - In your Dashboard, navigate to Events > Organizers. You will be directed to the Organizers page.
Step 2 - Click on the Add New button to add a new organizer. The Add New Organizer page will pop-up.
Step 3 - This is where you will add the details of the venue.
![]()
Title - The name of the organizer.
Editor container - You can put additional details about the organizer in this area, like pictures and descriptions.
Venue Information - Specific information of the organizer.
- Phone - Contact number of the organizer.
- Website - Website of the organizer if any.
- Email - Email address of the organizer.
Step 4 - Once finished with adding the details, click on the Publish button to save.
To delete an Event Organizer, navigate your Dashboard to Events > Organizers.
In the Organizers page, you will see all the created organizers.
To delete an event organizer, you have two options:
Single Organizer Delete - Hover your mouse pointer on the organizer that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.
Multiple Organizer Delete - To delete multiple organizers, click on the box beside the organizers 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.
To create a new Ticket for an event, navigate your WordPress Dashboard to Tickets > Tickets.
![]() |
The Tickets page will show. You will see all the tickets that are created.
To make the ticket, click on the New Ticket button at the top.
![]() |
You’ll be directed to the Add New Ticket page. Add the details for the Ticket. Add the details for the ticket.
![]() |
- Title - Name of the tickets.
- Excerpt - Small description of the tickets.
- Questions - Information needed when customers wants to buy/register a ticket. You can add more question by adding new question or an exiting one.
- Ticket Options - The price and quantity of the ticket to be sold.
- Availability - When the ticket is available.
To delete a Ticket, navigate your Dashboard to Tickets > Tickets
In the Tickets page, you will see all the created tickets.
To delete a ticket, you have two options:
Single Ticket Delete - Hover your mouse pointer on the ticket that you would like to delete. You will see a Trash option pop-up. Click on Trash to delete.
Multiple Tickets Delete - To delete multiple tickets, click on the box beside the tickets 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.
To add a ticket to a page or event’s page, you can use 2 options:
Element
Widget
Element
Using the Upcoming Event element in the VC, you can choose to show a ticket and set which ticket to use.
![]()
Widget
To make the button a widget in the sidebar of the event’s page, you can add a Buy Ticket widget on the sidebar.
Go to Appearance > Widget, drag and drop the Buy Ticket widget to the side bar that you will use. Then add which ticket you would like to show in the sidebar.
![]()
To setup a page where the Buy Ticket Now button will direct, follow these steps:
Step 1 - Create a new page in Pages.
Step 2 - Write the title of the page. Then on the editor container write [camptix].
![]()
Step 3 - After, click on the Publish button, to save.
Step 4 - Once the page is saved, check the permalink of the page. Click on the edit button and change the inside of the text box to tickets, then click the OK button.
![]()
Step 5 - Click on the Update button, to save.
Note
The page that is made is the page that when the Buy Ticket Now button is clicked, this page will be directed. So if you won’t do this, when you click the Buy Ticket Now button you will get an error.
![]() |
To get to the Ticket Setup, navigate your Dashboard to Tickets > Setup. This is where you can set the tickets payments, currency, and E-mail templates.
![]() |
The CampTix Setup page will show. There are 3 tabs on the page:
![]() |
- Event Name
- Currency - Set the currency for the payment of the tickets. You can only set one currency for all the tickets.
- Enable Refunds - Option to allow refund for purchased tickets.
![]() |
Payment method when purchasing a ticket.
- Enabled - Option to enable paypal as a payment method.
- API Username
- API Password
- API Signature
- Sandbox Mode - Paypal Sandbox is a way to test payments without using real accounts and transactions.
![]() |
You can customize your Confirmation E-mail Templates here. This templates will be e-mailed automatically to the one who buys/refunds a ticket.
Note
If there are any changes to the setup, click Save Changes button to save.
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.
![]() |
Title - The name of the team member.
Editor container - You can add here the role of the team member that will be shown in the website.
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.
Team Categories
Featured Image - Team members picture that will be shown in the site.
After adding all the details, click on Publish button to save.
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.
To activate Jobs extension in Sella, navigate your Wordpress Dashboard to Unyson > Sella Jobs and click the Active button to activate.
![]() |
To create a new Jobs item, navigate your WordPress Dashboard to Jobs > Add New
![]() |
The Add New Job page will show. Add the details for the job.
![]() |
Title - The Job Title of the job.
Editor container - You can add here the job’s descriptions and requirements.
Job Options
Type - Type of the job.
Location - Location where the job is done.
Department - Department which the job is assigned.
Display Call to Action - This option is for the pop-up to send a CV to show.
![]()
Button URL - The URL for the location of the page where the Apply Now button will navigate to. This is also the URL for the Call to Action pop-up.
End Date - The date for the last day of the job to be posted. If empty, application has expired.
After adding all the details, click on Publish button to save.
Jobs of Sella is generated by the theme from Jobs items.
To create a simple Job Page, follow these steps:
Step 1 - Create a new page where to add the Jobs 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 Jobs items. To add the Jobs items, add a Jobs Table element to the page.
Step 6 - Add the needed information for the Job Table element. Click Save changes to save.
![]()
- -Sella Tab-
- Title - Job Table title.
- Status - Check Yes to show the status of the job, if Open(Apply) or Expired.
- Type - The look of the table.
- -Filter 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.
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.
![]() |
Title - The title for the Contact Form
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.
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.
A Testimonial is a statement that testify to someone’s character and qualifications. You can use this statements on your page to establish confidence.
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.
![]() |
Title - The title of the single testimonial page.
Editor container - You can add here the testimonial.
Author
- Name - The name of the one who said the testimonial.
- Title - Position in the company.
- Company - Name of the company.
Featured Image - Author’s picture.
After adding all the details, click on Publish button to save.
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.
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.
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.
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.
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.
FAQ Single Category - You can specifically add FAQ Items using the categories of the FAQ Items.
![]()
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.
Sella comes with an advanced customizer, which allows to edit most of the theme’s elements in one place. If you want to use it, navigate to Appearance > Customize.
![]() |
Here you will have the option to customize your site’s identity or how it can be viewed by people.
![]() |
Add all the information you like to add, then click on the Save button.
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.
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.
![]()
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.
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.
![]()
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.
![]()
You can customize the Coming Soon Page.
![]() |
Note
The links for the Socials are the same as the ones set on the Header Settings > Navigation.
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.
![]()
Note
You can also do this using the Homepage Setup instructions in Page > Homepage Setup.
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.
![]() |
Note
You can also do the same thing by following How to Edit Widgets instructions in Widgets & Menu > Widgets.
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