Documentation

It’s easy to get started with Seda. As a rule, the on-boarding process consists of the following steps:

Simply follow this section, it will guide you through every step.

To use Seda, make sure your hosting provider is running the following software:

1. WordPress 6.0 or higher.
2. PHP 7 or greater. WordPress officially suggests to use PHP 7.4.
3. MySQL 5.6 or greater.

Recommended PHP Limits

Many issues you may run into such as: white screen, demo content failures when importing, empty page content and other similar issues can be related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

max_execution_time = 120
memory_limit = 128M
post_max_size = 64M
upload_max_filesize = 64M
max_input_time = 60
max_input_vars = 3000

Also consider upgrading your PHP version to the latest version, the newer the better.

How To Verify Your Current PHP Limits?

You can check your PHP configuration limits also by installing the WordPress phpinfo() plugin and then going to Settings → PHP Info. The first column (Local) refers to your installation value, and the second column (Master) refers to the limits of your host. The latter values are often lower if you have selected a cheaper hosting package.

It’s easy to install Seda. Just follow these steps, they won’t take much of your time.

Download the Theme

1. Go to ThemeForest Downloads and next to Seda, click the Download button. There’re two options to download Seda: All files & documentation or Installable WordPress file only.
2. If you select the Installable WordPress file only option, the downloaded archive is the theme archive file you need to upload to your website.
3. If you select All files and documentation, you will need to extract the downloaded file on your computer. Inside the folder you will find another archive called seda.zip. This is the theme archive file you need to upload.

Upload the Theme to Your Website

1. Login to your WordPress admin panel and navigate to Appearance → Themes.
2. Click Add New button at the top of the page, then the Upload Theme button on the next page.

Install and Activate the Theme

1. Select the theme archive file on your computer and click Install Now.
2. Once the file is uploaded and installed, click Activate.

Follow these steps after you activated Seda:

1. Go to Appearance → Install Plugins.
2. Select all the plugins in the list and choose Install from the Dropdown menu.
3. Click Apply.

You may also install plugins by simply clicking the Begin Installing Plugins link in the notification message that appears after theme activation.

---

Recommended Plugins

Seda Core

Seda Core is our in-house plugin that powers all the main features of the theme. It includes advanced Elementor widgets, custom WordPress widgets, theme settings, and essential functionality — everything needed to make the theme work seamlessly.

Redux Framework

Redux Framework is used to provide a powerful and flexible options panel, allowing users to easily customize various theme settings such as layout, colors, typography, and more directly from the WordPress dashboard.

Advanced Custom Fields

Advanced Custom Fields allows us to add custom settings to posts, categories, and other sections of the site. This makes it easier for you to manage and customize content with extra fields tailored to your needs.

Elementor

Elementor is a website builder, with no limits of design. Use this plugin to create a unique homepage.

One Click Demo Import

If you need to import one of demos available for Seda install and activate this plugin.

AMP

The official WordPress plugin for creating AMP version of your posts.
In order to enable AMP versions of your posts, simply install and activate this plugin.

Nextend Social Login and Register

lets your visitors register and login to your site using their social profiles (Facebook, Google, Twitter, etc.) instead of forcing them to spend valuable time to fill out the default registration form.

Advanced Popups

Easy Forms for Mailchimp

GDPR Compliance for Mailchimp

Regenerate Thumbnails

If you install Seda on an existing site, you need to regenerate thumbnails with this plugin.

Seda comes with 3 unique demos and always we'll add more, if you like one of them just import the demo and you don't have to begin your site journey from scratch, the new demos will be added automatically into your demos panel.

How to install new demo?

1. Make sure One Click Demo Import plugin is installed. If not go to Appearance → Install Plugins then install and activate the plugin.
2. Go to Appearance → Import Demo Data.
3. Hover over the demo item you like and click on Import Demo button. Also, you can preview the demo by clicking on the Preview Demo button.
4. Select the required plugins for selected demo to install.
5. Click on the Continue & Import button and wait seconds till the success message will appear.

If you already had images in your Media Library when you installed Seda, you will have to regenerate your image thumbnails.

Follow these steps:

1. Go to Appearance → Install Plugins and install Regenerate Thumbnails plugin.
2. Then go to Tools → Regenerate Thumbnails.
3. Click the Regenerate All Thumbnails button.

It will take some time depending on the number of images in your Media Library. Please do not close your browser, as it will stop the process. You may continue configuring your website in a new browser tab.

Regenerate Thumbnails

One of the easiest way to translate Seda into your native language is to use the Loco Translate plugin.

First install and activate Loco Translate:

Then follow these steps to add translation to Seda:

1. In your admin dashboard click Loco Translate in the side menu.
2. Select Your Theme from the Active theme section.
3. Click on New language to start translating the theme now.
4. Select a language you want to translate into by choosing one in the Choose a language section.
5. In Choose a location you need to select Custom, and then click on Start Translating.
6. Now on the translation screen, select any of the strings you would like to to translate by selecting them in Source text list.
7. If you can’t find a string, use the search tool Filter translation to find the text you need to translate.
8. Scroll down and type the translated version into translation area.
9. Click Save. That’s it, you’ve translated your first text string using Loco Translate.

To see the results live go to Settings → General and make sure you change the Site Language to the language, that you were translating into.

There’re a few ways to update a theme. We recommend the easiest one.

Easiest Way

1. First download the latest version of the theme by going to your ThemeForest account, the Downloads section. Locate the theme, click on Download button and select the “Installable WordPress file only” option.
2. Navigate to Appearance → Themes and click the Add New button. Then click Upload Theme.
3. Select the downloaded theme archive on your hard drive and click Install Now.
4. WordPress will automatically detect the existing theme and will give you the option to ‘Replace current with uploaded’ version.

Automatic Updates via The Envato Market Plugin

Envato released a plugin called Envato Market WordPress Plugin which can be used to manage all your themes and plugins purchased from ThemeForest and Codecanyon via your WordPress dashboard.

Common problems with the Envato Market Plugin and how to resolve them:

1. Try clicking the update link again, sometimes it doesn't work from the first time.
2. Activate another theme so this theme becomes deactivated and then try updating the theme.
3. Deactivate all plugins because some plugins can block your site connections with Envato server.
4. Confirm a valid API token has been generated from the build.envato.com website.
5. Check your token has the correct permissions by going to Envato Market → Settings and clicking the Test API Connection button. If you get an error, create a new token.
6. Confirm your Envato account is still active and the items are still visible from your downloads page.
7. Check with the hosting provider to ensure the API connection to api.envato.com is not blocked.
8. If it still doesn't work it's possible Envato's API is down and you will need to try again later.

Congratulations! You’ve installed Seda 🎉 and now it’s time to configure it.

Most of the theme configuration options are located in Seda Options. Follow this section and it will help you configure your website.

To add a logo to your website navigate to Appearance → Theme Options → Logo and click on Select image in the Logo section.

Logo Type

You can choose wether display an image or simply your site title as logo.

Logo Sizes

There’s no such thing as recommended logo sizes, as logos are displayed in their original size and will not be downscaled. Make sure you resize your logos accordingly before uploading them to WordPress in a graphic app (for example Photoshop).
Serving unscaled images in their original sizes will ensure fast loading times of your website.

Retina Logos

To make your logos look crisp on Retina devices, there’s integrated support for displaying Retina-ready versions of your logo images. Simply upload a logo with the same file name and @2x suffix. For example, if your logo file is called site-logo.png, you need to upload site-logo@2x.png.

Retina versions are twice as large as the original ones. For example, if your logo is 100px x 50px, the Retina version must be 200px x 100px.

Setting up Navigation Menus works normally as it does for any WordPress theme. If you’re new to WordPress, you can learn more about menus in the WordPress Codex article.

Creating a New Menu

1. Go to Appearance → Menus.
2. Select Create a new menu at the top of the page
3. Enter a name for your new menu in the Menu Name box
4. Click the Create Menu button.
5. Using the Custom Links and Pages boxes at the left, add items to the menu and drag and drop to arrange them.
6. If you would like to use this menu in the primary navigation of the theme, scroll down to the Menu Settings area, enable the checkbox next to the Primary menu locations.
7. Click Save Menu and that is all.

Multi Columns Mega Menu

1. Navigate to Appearance → Menus section of your admin sidebar and select the ‘Create A New Menu’ link to create a new menu, or edit a current one.
2. Only First Level items can enable the Mega Menu. Click the Arrow icon next to any First Level menu item to expand the Options box.
3. Select Mega Menu Columns from the Enable The Mega Menu? select menu.
4. From the Number of Mega Menu Columns select menu, choose the number of columns you want.
5. Now, you need to add child menu items, which will represent columns in the mega menu. The first level of child items will represent Titles in each of 3 columns. Add 3 sub child menu items.

Posts Mega Menu

1. Navigate to Appearance → Menus section of your admin sidebar and select the ‘Create A New Menu’ link to create a new menu, or edit a current one.
2. Add a Category from the left Categories panel.
3. From the menu item's settings Select Posts from the Enable The Mega Menu? select menu.

To customise your site design options, simply navigate to Appearance → Theme Options → Styling and enable Custom Colors option.

One of the strong points of Seda is the easiest way to customize your site styling. With Styling Settings you can do:

1. Select color scheme of the theme or some parts of it.
2. Customize colors for each section of your site such as header, footer, main nav, secondary nav, content, mobile menu and more.

To customise your site typography, simply navigate to Appearance → Theme Options → Typography.

More than 1k Google font options with back-end live preview is included in Seda, with all that You will be sure to find the one that suits your needs.

Body Font Family

Body Font Family This is the default font family for all elements all over your site unless you specify another font family for a specific element. After selecting the font source, the font family drop-down select will appear. Font family drop-down based on source drop-down select value.

Headings Font Family

Headings Font Family this is the font family of important headings such as News blocks title, Posts titles at news blocks, posts title at sliders, widgets title and so on.

Primary menu Font Family

Primary menu Font Family this is the font family of primary menu, parent links, submenus and mega menu elements.

Buttons Font Family

Buttons Font Family this is the font family of any button in Seda Theme

Blockquote Font Family

Blockquote Font Family this is the font family of block quotes at post content or any other places when using the shortcodes.

Header settings are located in Appearance → Theme Options → Header.

Header Layouts

There is 6 layout aspect, and there is more options to customize these layouts.

1. Header #1 - Consist of three bars, top bar, logo & banner bar and main nav bar.
2. Header #2 - Consist of three bars, top bar, center logo bar, icons in left and right of the logo, center main nav bar.
3. Header #3 - Consist of Two bars, center logo bar, icons in left and right of the logo, center main nav bar with primary color background.
4. Header #4 - Consist of one bar, logo & main-nav bar.
5. Header #4 (with Top Bar) - Consist of Two bars, top bar, logo & main-nav bar.
6. Header #5 - Consist of one bar, logo & main-nav bar.
7. Header #5 (with Top Bar) - Consist of Two bars, top bar, logo & main-nav bar.
8. Header #6 - Consist of one bar with primary color background, logo & main-nav bar.
9. Header #6 (with Top Bar) - Consist of Two bars with primary color background, top bar, logo & main-nav bar.

Sticky Menu

Activating the Enable Sticky Menu? option will make navigation bar visible when scrolling.

Footer settings are located in Appearance → Theme Options → Footer.

Seda’s versatile and flexible footer can be customized in various ways. The footer option allows you to insert widgets, social icons, copyright text, shortcodes and more.

Footer Layouts

There is 4 layout aspect, and there is more options to customize these layouts.

1. Footer #1
2. Footer #2
3. Footer #3
4. Footer #4

How To Add Widgets To The Footer Layout #1

The main portion of the Seda "Footer Layout #1" is a widgetized section that can display widgets in 1- 4 columns. Widgets add various content or features to your site. They can be added, removed, and rearranged in the Appearance → Widgets tab on your WordPress admin panel.

1. First, make sure that you’ve enabled footer widgets on your site. Switch the Footer Widgets Area to On.
2. Choose the Footer Widgets Layout.
3. Navigate to Appearance → Widgets to access the widgets and footer widget sections.
4. You will see the Footer Sidebar X section on the right-hand side for each footer column in the Footer Widgets Area
5. On the left-hand side are your widgets, simply drag and drop the widgets you want from the left side into the Footer Widget sections on the right side.

Footer Options

These are the theme options for the footer:

1. Social Icons - Turn this option on to have the social icons in the footer copyright area.
2. Footer Logo - Turn this option on to have a logo in the footer copyright area.
3. Footer Menu - Turn this option on to have a menu in the footer copyright area. you can set this menu from Appearance → Menus.
4. Footer Text One and Two - Use these options to add custom text in the footer copyright area such as the copyright text, you can use these variables to add dynamic contents:
   %year% Replaced with the current year.
   %site% Replaced with The site's name.
   %url% Replaced with The site's URL.

Back to top button

This option allows you to specify if you want a scroll up button to appear after the page has been scrolled a certain amount.
The button will display with the site brand color.

Seda uses Elementor site builder that delivers high-end page designs and advanced capabilities for creating homepages.

Video Tutorial

Please view this short tutorial, it’ll help you get started in less than 15 minutes:

There are more tutorials available in Elementor 101 Playlist on YouTube.

Sidebar settings are located in Appearance → Theme Options → Sidebar.

Default Sidebar Position

Seda offers seven different sidebar Layouts:

1. Right Sidebar
2. Left Sidebar
3. One Column Sidebar
4. Without Sidebar

Main Sidebar

You may select a custom sidebar area for main sidebar.

Sticky Sidebar

enable/disable sticky sidebar for all pages except pages that built by Elementor page builder.

Archive settings are located in Appearance → Theme Options → Archive.

Below is the settings of Category, Tag, Author, and Archives Pages.

Default Layout

Choose one from the available five layouts:

1. Classic
2. Grid
3. Large Thumbnail
4. Masnonry #1
5. Masnonry #2
6. Masnonry #3
7. Masnonry #4
8. Masnonry #5
9. Masnonry #6

Default Sidebar Layout

the default sidebar for archives pages, also you can specify sidebar for each category from category edit screen.

Pagination

Seda offers four different paginations for archives pages:

1. Numeric
2. Next and Previous
3. Load More
4. Infinite Scroll

Single post settings are located in Appearance → Theme Options → Single Post Page.

Default Post Layout

Controls the default post layout, you can choose one from the available six layouts, You can take a quick view about each of this here:

1. Layout #1
2. Layout #2
3. Layout #3
4. Layout #4
5. Layout #5
6. Layout #6
7. Layout #7
8. Layout #8
9. Layout #9
10. Layout #10
11. Layout #11

General Settings

1. Open Graph meta - The Open Graph Protocol is a series of meta tags added to your web page to allow it to become a rich object, used by social media platforms. In practical terms, this means you can use basic HTML tags to add key information about your posts, which social networks like Facebook, Twitter, LinkedIn, and Google+ use to enhance how links to your site are displayed. ogp.me for more info.
   
   NOTE: If the Open Graph module is enabled by a third party plugin such as Yoast Seo or JetPack plugin this option will be disabled automatically to avoid any meta code duplication.
   
   
2. Default Open Graph Image - to specify what image you want Facebook to use when your page is shared
3. Breadcrumbs - enable/disable the Breadcrumbs in post header.
4. Reading Position Indicator - enable/disable the reading position indicator at the bottom of the post page.
5. Share Button - enable/disable the post share button at bottom of post content.
6. Post Author Box - enable/disable the post author box at bottom of post content.
7. Next/Prev posts - enable/disable the Next/Prev posts box at the bottom of post content.

Structure Data

Check this article for more Information.

How to set up the Structure Data settings

1. Turn the Enable option on.
2. Choose the Default Schema type for your articles.

Post info Settings

1. Post Meta Area - enable/disable post meta area below of post title.
2. Author - enable/disable author.
3. Author's Avatar - enable/disable author's Avatar.
4. Comments - enable/disable post comments.
5. Views - enable/disable post views number.
6. Date - enable/disable post date.
7. Category - enable/disable post category.
8. Estimated reading time - enable/disable estimated reading time.

Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.

Please visit our support page for assistance.

Support for my items includes:

• * Responding to questions or problems regarding the item and its features
• * Fixing bugs and reported issues
• * Providing updates to ensure compatibility with new software versions

Item support does not include:

• * Customization and installation services
• * Support for third party software and plug-ins

Before seeking support, please...

• * Make sure your question is a valid Theme Issue and not a customization request.
• * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
• * Make sure to double check the theme FAQs.
• * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
• * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
• * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
• * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.

Included Stylesheets

These are the primary CSS files used for general front-end styling. Use these to customize your theme even further. All included JavaScript codes under seda/assets/css/

• 1. aos.min.css - AOS Animate On Scroll Library
• 2. bootstrap.css - Bootstrap stylesheet
• 3. bootstrap.min.css - Minified Bootstrap stylesheet
• 4. custom-style.min.css - Custom styles generated by theme options
• 5. editor-style.css - Wordpress editor styles
• 6. editor-style.min.css - Minified Wordpress editor styles
• 7. login-page.css - Login page stylesheet
• 8. login-page.min.css - Minified login page stylesheet
• 9. main.css - Primary stylesheet
• 10. main.min.css - Minified primary stylesheet
• 11. print.css - Print stylesheet
• 12. zup-admin-style.css - Styles for theme options, post options, and category options.
• 13. zup-admin-style.min.css - Minified styles for theme options, post options, and category options.
• 14. zupin-icons.css - Theme icons stylesheet
• 15. zupin-icons.min.css - Minified theme icons stylesheet

Included JavaScript

These are the various attribution inks to the Javascript files included or modified to work with in this theme. All included JavaScript codes under seda/assets/js/

• 1. aos.min.js - AOS Animate On Scroll Library
• 2. bootstrap.js - Bootstrap script
• 3. bootstrap.min.js - Minified Bootstrap script
• 4. jquery.easing.1.3.min.js - Advanced easing plugin
• 5. jquery.stickyNav.js - Sticky navbar plugin
• 6. jquery.stickyNav.min.js - Minified JavaScript Navbar plugin
• 7. masonry.pkgd.min.js - Masonry grid layout library
• 8. superfish.min.js - Superfish menu jQuery plugin
• 9. theia-sticky-sidebar.js - Sticky sidebar plugin
• 10. theia-sticky-sidebar.min.js - Minified sticky sidebar plugin
• 11. venobox.min.js - Lightbox plugin
• 12. zup-admin.script.js - Admin panel script
• 13. zup-admin.script.min.js - Minified admin panel script
• 14. zup-scripts.js - Theme main JavaScript
• 15. zup-scripts.min.js - Minified Theme main JavaScript

You can find the version history (changelog.txt) file on seda-full.zip folder or you can check changelog on theme sale page.

If there are any questions related to the theme, the support page provides helpful documentation and a way to get assistance. While theme support is not guaranteed in every case, the team aims to help with any theme-related issues. For general questions about ThemeForest themes, the forums and the "Item Discussion" section can also be useful.

Code released under the GNU GPLv2 License.