Help Documentation
GeekMag Wordpress Theme

Thank you for purchasing our theme ! Please take the time to read through the following sections before asking for support. As many support related questions can be answered simply by re-reading the documentation.

The first thing you need to do when you want to install a new WordPress theme is to login to your site admin page. Once there, go to Appearance -> Themes. Here, you will see all the themes you have currently installed in your application. To add another one, simply click on the Install Themes tab. Upload the zip package which you have downloaded from Themeforest from your local hard drive.

If you want to use the theme with all available features, you should upload and activate all required plugins. After the installation of the theme, you will see a message about them. Click "Begin Installing Plugins", install the plugins and activate them.

To upload the demo content (posts,pages,menus etc.) to your website, download the following zip file;

Demo.zip

Open the zip file. You will find demo.xml file.You can use WordPress import tool to upload this xml file to your website.

For more information about importing content in WordPress; please visit wordpress.org

If you are building a new website, we suggest you to reset your database before uploading the xml file. You can do this easily with this plugin.
All recommended plugins and the theme must be activated before uploading the xml file.

After the demo installation, you should set up sidebars ,select a front page and set up Appearance->Theme Settings manually. Please read the following sections for more information.

First of all, you should create a new page for your frontpage display.

Go to Settings->Reading and select in the drop-down box this page for the front page display.

To create a blog page, create a blank page.

Go to Settings->Reading and select in the drop-down box the name of the Page that will now contain your latest posts. You can also use one of the blog page templates to create a page which displays all your posts. For more information please look at Page Templates section.

You can upload your logo from Appearance->Theme Settings->Header.

You can create menus from Appearance->Menus page. After creating your menus, you must manage your menu location. There are two menu location in GeekMag. "Main menu" and "Top Menu".

"Top Menu" field doesn't support dropdown menus.

For more information about WordPress menus, please read the WordPress menu guide

Custom Menu

Another way to use a WordPress menu is using custom menu widget. You can use this widget to add your menus to any widget area.

To add the social media icons to your homepage, just fill the required fields and click "Add Another Icon" to add a new icon or click "Save".

You can also use SiteOrigin Social Media Buttons widget to add social icons to any widget area. To use this widget, you should upload/activate SiteOrigin Widget Bundle plugin.

Default Template
This is the default full width page template.
Page - Sidebar
There is a sidebar field on this template. You can add widgets to "Main Sidebar" from Appearance->Widgets page.
Page Builder Templates
If you want to use Page Builder, we recommend you to use these page templates. There isn't any page title field and white background on these page templates.
Blog Templates
Blog templates display all the posts on different page layouts.
You should upload and activate Dave's WordPress Live Search plugin which is in the theme package to use this feature.

As visitors type words into your site's search box, the plugin continually queries WordPress, looking for search results that match what the user has typed so far.

The live search technique means that most people will find the results they are looking for before they finish typing their query, and it saves them the step of having to click a submit button to get their search results.

After activating the plugin, go to Settings->Live Search->Appearance page to activate GeekMag stylings for the search box. Check "Theme-specific" box and click "Save Changes".

If you want to add your own stylings, check "Custom" box.

Custom CSS
You can add all your custom CSS here and avoid modifying the core theme files, since that'll make upgrading the theme problematic. Your custom CSS will be loaded after the theme's stylesheets, which means that your rules will take precedence. Just add your CSS here for what you want to change, you don't need to copy all the theme's style.css content.
Enable Loading Animation
To enable page loading animation, switch on.
Custom Loading Image
You can upload your own loading image from this field. Recommended image size is 64x64 px.
Dropdown Menu Width
You can change the default width of the dropdowns on the main menu.
Remove Search Box
To remove the search box in the top menu bar, switch on.
Disable Lightbox
Lightbox plugin is used only on galleries (gallery format). To disable lightbox plugin, switch on.
Contact form 7 loader
Recommended image size is 26x26 px.
Remove Top Bar
To remove the top bar (top menu, social icons and search box), switch on.
Header Layout
There are 4 options.
Logo(left) + Banner(right): This is the default layout.
Logo(center) + Banner(center): You can change your logo and banner placements.
FullWidth Logo: If you want to add a fullwidth image to the header instead of a small logo, you should select this option. There isn't any banner field on this layout and recommended size for the logo is 1480x300 px.
Logo(left) + Menu(right): You can change your logo and menu placements.
Logo
You can upload your logo from this field.
Logo Height
Maximum height of the logo (px). You can play with this value to make your logo bigger or smaller.
Padding
Space around the logo (and the ads).
Max. Logo Width
Maximum width of the logo on mobile devices (px).
Header Background Color
Background color of the header.
Header Background Image
You can add a background image to the header. This is optional.
Header Background Image Style
Responsive: Fills header with single image. Scales image as needed.
Repeat Background Image: Repeats the same image to fill the container without scaling.
Activate Sticky Menu
If you activate sticky menu, the main menu will stay fixed when you scroll the page.
Disable Sticky Sidebar Plugin
Sticky Sidebar plugin is used on sidebars and on masonry grids. To disable sticky sidebar plugin, switch on.
Breakpoint
If screen width is less than breakpoint, the plugin will be disabled.
Additional Margin Top
An additional top margin in pixels.
Additional Margin Bottom
An additional bottom margin in pixels.
Sidebar behavior
Sidebar behavior when you scroll the page.
Masonry behavior
Masonry behavior when you scroll the page.
Page Builder behavior
Page Builder behavior when you scroll the page.

You can enable sticky sidebar plugin on columns from layout settings of the row.It may not work properly with sticky masonry columns, so use it wisely...

If scrolling is not working properly when you activate sticky, change collapse order of the row and try again.

Blog Subtitle
Subtitle of your archive pages (Optional).
Remove Author Links
There is an author box at the bottom of the single post pages. To remove it, switch on.
Remove Author Box
There is an author box at the bottom of the single post pages. To remove it, switch on.
Remove Social Sharing Buttons
There are social sharing buttons at the bottom of the single post pages. To remove it, switch on.
Remove Post Navigation
There are next/previous post links at the bottom of the single post pages. To remove it, switch on.
Archive, search page layout
You can change default page layout of the standard WordPress pages like archive and search pages.
Author page layout
You can change default page layout of the standard WordPress pages like author pages.
Activate Related Posts
It uses post tags to find related articles. Only posts with featured images will be displayed.
Maximum number of related posts
Maximum number of related posts.

GeekMag supports Google Web Fonts. To change default fonts, please follow the following steps;

Go to Google Web Fonts

Choose a font and click "plus" button on the top right corder of the font. After that copy the codes (like on the screenshots) and paste them to the fields on the theme settings page.

Don't forget to check "customize" tab. You may need to check some boxes on this section.

You also can change the default font sizes from this theme settings section.

If you need to change a specific element's (or a 3rd party plugin element) font-size you can use Custom CSS plugin.

bbPress Layout
GeekMag is compatible with bbPress. You can change the layout of the bbPress pages from this field.
BuddyPress default profile & group cover image
GeekMag is compatible with BuddyPress. You can change the default cover images from these fields.

You can add Facebook comments field to your posts.

In order to use Facebook comments on your site you will need to create a Facebook app. If you have previously created an app for your site, then you can use that app ID here. Otherwise, you will need to create a new app.

Simply visit the Facebook Apps page and click on the create new app button. You will need to provide a name for your app and click on the Create App ID button.

Facebook will now create a new app for you to use, and it will redirect you to your app dashboard. You will notice your app ID displayed there.

You need to copy and paste this app ID into your theme settings. But before you can do that, you would need to configure the app to work on your website. Click on the Settings link and then click on +Add Platform button.

A new popup window would appear on the screen. You need to click on website to select it as your platform.

This will add a new ‘Website’ section in your app’s settings page where you can enter your WordPress site’s address.

After saving your settings, you can now copy the app ID and paste in the theme’s settings page.

Activate Facebook Comments
To activate Facebook comments, switch on.
Title
Title of the Facebook comments field (Optional).
Color Scheme
Color Scheme of the Facebook comments field.
Number of comments
The number of comments to show by default.
Data Order by
Social: This is also known as "Top". The comments plugin uses social signals to surface the highest quality comments. Comments are ordered so that the most relevant comments from friends and friends of friends are shown first, as well as the most-liked or active discussion threads.
Newest:Comments are shown in the opposite order that they were posted, with the newest comments at the top and the oldest at the bottom.
Oldest:Comments are shown in the order that they were posted, with the oldest comments at the top and the newest at the bottom.

You can change default colors of the theme from this section easily.

If you need to change a specific element's (or a 3rd party plugin element) color you can use Custom CSS plugin.


If you want more control over your website design, we suggest you to use SiteOrigin CSS plugin.

SiteOrigin CSS is the simple, yet powerful CSS editor for WordPress. It gives you visual controls that let you edit the look and feel of your site in real-time.

Click here to download the plugin

Read the documentation


If you are an unexperienced WordPress user, we suggest you to read the following article;

How to Add a New Post in WordPress and Utilize all the Features

An excerpt in WordPress is a term used for article summary with a link to the whole entry. An excerpt can be auto generated by a WordPress theme.

Another way to create excerpts for a WordPress post is by entering the summary of an article in Excerpt field on Post Edit screen. This field is not displayed in the post edit screen by default. To enable it a user needs to click on Screen Options button on the top right corner of post edit screen and then enable it.

You have to option for the single post page layout. If you don't want to display a sidebar on the page, select "Fullwidth".

You can add a subtitle to your posts or pages. It is recommended for SEO.

The header layout of the page/post. You can change default header layout from Appearance->Theme Settings->Header.

The Featured Image (also known as post thumbnail) is a WordPress theme feature which allows you to add a representative image to the posts.

We suggest you to upload a high resolution image to each posts. Minimum recommended featured image size is 1400x1000 px.

A Post Format is a piece of meta information that can be used by a theme to customize its presentation of a post. You can change how each post looks by choosing a Post Format from a radio-button list.

To add an image gallery to a post, you should select this post format. After selecting "Gallery", "Format:Gallery" box will be visible.

After adding images to the gallery, you will see a new slider at the top of the post content.

Thumbnail Carousel

If you check "Enable thumbnail carousel" box, an image carousel will be displayed on masonry grid layouts.

If you select link format, you should add the destination url to the "Format:Link" box. Your visitors will be redirected to this link when they click on this post.

If you select image format, "Format: Image" box will be visible.

Masonry Style

If you select "Background Image", your post will look different on masonry grid layouts.

Standard

Background Image

Animated Gif

If you want to add an animated gif, use this field to add/upload your gif.

Single Post Image

Featured image or animated gif can be displayed on the top of the post content.

If you select quote format, the post title will be displayed as a blockquote. You can use subtitle field to add a name to the bottom of the blockquote.

You can add a video to the top of the post content. Just paste the video link to the video url field ( Supports only Youtube, Vimeo, Dailymotion, Vine, VideoPress or WordPress.tv )

If you select this post format, you can add a Spotify or Soundcloud url to the Audio url field.

How to add audio files and create playlists in WordPress

There is a built-in review system in GeekMag. You should check "Add a review to this post" box, to activate the review and to view the available options.

You can use shortcode menu which is on the editor to add shortcodes to your posts/pages.

Adds an accordion. All geekmagaccordion shortcodes must be in geekmagaccordioncontainer shortcode.

You can find all icon names at official Font Awesome page.

Adds a tabs. All geekmagtab shortcodes must be in geekmagtabgroup shortcode.

type: default or vertical

URL: Destination url

Button text: The text of the button

Open in a new tab: yes or no

Style: large, medium or small

You can use this shortcode to add a highlighted text.

Category is one of the pre-defined taxonomies in WordPress. It is used to sort and group content into different sections. A website publishing content on a variety of topics can divide their website into sections using categories.

You can add/edit a category from the Posts -> Categories screen. Each category on the website can have its own layout and description.

To use this feature you should upload/activate "Besocial Rating System" plugin which is in the theme package.

After the plugin activation, you will see a new menu item on your dashboard. You can turn on or off like&dislike buttons from this settings page.

There is also a meta box on the add new/edit post page. You can change like and dislike numbers from this box as you want.


You should install/activate following plugins to use the page builder and all available widgets to build your pages;

GeekMag Features (It is in "plugins" folder)

Siteorigin Page Builder

Siteorigin Widgets Bundle

Siteorigin Page Builder

Page Builder by SiteOrigin is the most popular page creation plugin for WordPress. It makes it easy to create responsive column based content, using the widgets you know and love. Your content will accurately adapt to all mobile devices, ensuring your site is mobile-ready.

Please read the Page Builder Documentation

After activating SiteOrigin Page Builder plugin, go to Settings->Page Builder page and edit the layout settings like the following;

Displays a post slider.

Title & Subtitle
You can add a title and a subtitle to the widget (optional).
Post Settings
Build Posts Query
Click on the "Build Post Query" button to launch the Build Post Query dialogue window.
Post In: Here is where you will enter the Post ID’s you wish to include in your widget. If you do not know the ID’s you can click on the "Select Posts" button to open the Select Posts dialogue and search for the posts.
To change the order of the posts click, hold and drag it to its new location. To delete a post from your widget, select it and click on the X in the top right hand corner.
Once you have finished selecting posts, click “Finish Selection”.
Taxonomies: Here is where you specify any custom taxonomies.
Order By: Click on the drop down menu to specify how to order posts within the post carousel. The default order is “By Include Order” meaning as they were added when they were selected. Click on the round arrow icon to specify descending or ascending.
Posts Per Page: Set the number of selected posts you wish to display in the post carousel by adjusting the value in the Posts Per Page field.
Leaving the Posts Per Page field set to Zero will display all the posts.
Display Date
To display post dates, check this box.
Display Categories
To display categories, check this box.
Display Reviews
To display reviews, check this box.
Slider Settings
Image Size
1360x765 px is recommended for Fullwidth rows. You can use 1024x576 px on smaller rows.
If you want to use images already existing in your media library, you should use the following plugin to regenerate the thumbnails;
Regenerate Thumbnails
We suggest you to upload high resolution images to the featured image fields.
Autoplay on
To activate autoplay, check this box.
Autoplay duration
Autoplay speed in seconds.
Fade Animation
To enable fade animation, check this box.
Display Navigation Dots
To display navigation dots, check this box.
Display Navigation Arrows
To display navigation arrows, check this box.
Text Settings
This section contains the settings of the texts on the slides.
Button Settings
You can add a button to the bottom of the widget. If you don't add a link to the button, it will be not visible.

Displays a fullwidth post slider.

We recommend you to add this widget into a fullwidth row.

Title & Subtitle
You can add a title and a subtitle to the widget (optional).
Post Settings
Build Posts Query
Click on the "Build Post Query" button to launch the Build Post Query dialogue window.
Post In: Here is where you will enter the Post ID’s you wish to include in your widget. If you do not know the ID’s you can click on the "Select Posts" button to open the Select Posts dialogue and search for the posts.
To change the order of the posts click, hold and drag it to its new location. To delete a post from your widget, select it and click on the X in the top right hand corner.
Once you have finished selecting posts, click “Finish Selection”.
Taxonomies: Here is where you specify any custom taxonomies.
Order By: Click on the drop down menu to specify how to order posts within the post carousel. The default order is “By Include Order” meaning as they were added when they were selected. Click on the round arrow icon to specify descending or ascending.
Posts Per Page: Set the number of selected posts you wish to display in the post carousel by adjusting the value in the Posts Per Page field.
Leaving the Posts Per Page field set to Zero will display all the posts.
Display Date
To display post dates, check this box.
Display Categories
To display categories, check this box.
Display Reviews
To display reviews, check this box.
Slider Settings
Image Size
1360x765 px is recommended for Fullwidth Stretch rows. You can use 1024x576 px on smaller rows.
If you want to use images already existing in your media library, you should use the following plugin to regenerate the thumbnails;
Regenerate Thumbnails
We suggest you to upload high resolution images to the featured image fields.
Autoplay on
To activate autoplay, check this box.
Autoplay duration
Autoplay speed in seconds.
Display Navigation Dots
To display navigation dots, check this box.
Display Navigation Arrows
To display navigation arrows, check this box.
Text Settings
This section contains the settings of the texts on the slides.
Button Settings
You can add a button to the bottom of the widget. If you don't add a link to the button, it will be not visible.

YouTube TV displays recent videos and playlists from any selected YouTube channel.

API KEY (REQUIRED)
To use YouTube TV first of all you have to obtain an API Key from Google's Developer Console.
To obtain your API Key you can follow this guide using steps 1 to 3;
Getting Started with the YouTube Data API
Then:
4. under APIs & auth > Credentials > Create new Key > (Select) Browser Key
5. (Recommended) Set any referrers to your domain to prevent unauthorized use of your key.
6. (Optional) Additionally disabling any other unused APIs that are enabled.
YouTube Username
By visiting the intended channel's Youtube home page. The URL should look like the following. Youtube username is "collegehumor";
YouTube Channel ID
Channel ID is the alternative of the username. You can enter channel id instead of username. "UCPDXXXJj9nax0fr0Wfc048g" is the id of the channel on the following example;
Maximum number of the videos
The number of the videos which you want to display on the right side of the slider.
Activate Playlist
If you activate this feature, your playlists will be displayed in the dropdown on the slider.
Maximum number of the playlists
The number of the playlists which you want to display in the dropdown.
Height (px)
Height of the slider. We suggest you to add YouTube TV into a fullwidth column and enter 560 to the height field.

Displays a post carousel.

Title & Subtitle
You can add a title and a subtitle to the widget (optional).
Post Settings
Build Posts Query
Click on the "Build Post Query" button to launch the Build Post Query dialogue window.
Post In: Here is where you will enter the Post ID’s you wish to include in your widget. If you do not know the ID’s you can click on the "Select Posts" button to open the Select Posts dialogue and search for the posts.
To change the order of the posts click, hold and drag it to its new location. To delete a post from your widget, select it and click on the X in the top right hand corner.
Once you have finished selecting posts, click “Finish Selection”.
Taxonomies: Here is where you specify any custom taxonomies.
Order By: Click on the drop down menu to specify how to order posts within the post carousel. The default order is “By Include Order” meaning as they were added when they were selected. Click on the round arrow icon to specify descending or ascending.
Posts Per Page: Set the number of selected posts you wish to display in the post carousel by adjusting the value in the Posts Per Page field.
Leaving the Posts Per Page field set to Zero will display all the posts.
Columns
The number of the columns.
Carousel Settings
Autoplay on
To activate autoplay, check this box.
Autoplay duration
Autoplay speed in seconds.
Display Navigation Dots
To display navigation dots, check this box.
Display Navigation Arrows
To display navigation arrows, check this box.
Button Settings
You can add a button to the bottom of the widget. If you don't add a link to the button, it will be not visible.

Displays a post carousel.

Title & Subtitle
You can add a title and a subtitle to the widget (optional).
Post Settings
Build Posts Query
Click on the "Build Post Query" button to launch the Build Post Query dialogue window.
Post In: Here is where you will enter the Post ID’s you wish to include in your widget. If you do not know the ID’s you can click on the "Select Posts" button to open the Select Posts dialogue and search for the posts.
To change the order of the posts click, hold and drag it to its new location. To delete a post from your widget, select it and click on the X in the top right hand corner.
Once you have finished selecting posts, click “Finish Selection”.
Taxonomies: Here is where you specify any custom taxonomies.
Order By: Click on the drop down menu to specify how to order posts within the post carousel. The default order is “By Include Order” meaning as they were added when they were selected. Click on the round arrow icon to specify descending or ascending.
Posts Per Page: Set the number of selected posts you wish to display in the post carousel by adjusting the value in the Posts Per Page field.
Leaving the Posts Per Page field set to Zero will display all the posts.
Columns
The number of the columns.
Display Date
To display post dates, check this box.
Display Categories
To display categories, check this box.
Display Reviews
To display reviews, check this box.
Carousel Settings
Autoplay on
To activate autoplay, check this box.
Autoplay duration
Autoplay speed in seconds.
Display Navigation Dots
To display navigation dots, check this box.
Display Navigation Arrows
To display navigation arrows, check this box.
Button Settings
You can add a button to the bottom of the widget. If you don't add a link to the button, it will be not visible.

Displays a large horizontal post list

Title & Subtitle
You can add a title and a subtitle to the widget (optional).
Build Posts Query
Click on the "Build Post Query" button to launch the Build Post Query dialogue window.
Post In: Here is where you will enter the Post ID’s you wish to include in your widget. If you do not know the ID’s you can click on the "Select Posts" button to open the Select Posts dialogue and search for the posts.
To change the order of the posts click, hold and drag it to its new location. To delete a post from your widget, select it and click on the X in the top right hand corner.
Once you have finished selecting posts, click “Finish Selection”.
Taxonomies: Here is where you specify any custom taxonomies.
Order By: Click on the drop down menu to specify how to order posts within the post carousel. The default order is “By Include Order” meaning as they were added when they were selected. Click on the round arrow icon to specify descending or ascending.
Posts Per Page: Set the number of selected posts you wish to display in the post carousel by adjusting the value in the Posts Per Page field.
Leaving the Posts Per Page field set to Zero will display all the posts.
Button Settings
You can add a button to the bottom of the widget. If you don't add a link to the button, it will be not visible.

Displays your posts in a masonry grid.

Title & Subtitle
You can add a title and a subtitle to the widget (optional).
Post Settings
Build Posts Query
Click on the "Build Post Query" button to launch the Build Post Query dialogue window.
Post In: Here is where you will enter the Post ID’s you wish to include in your widget. If you do not know the ID’s you can click on the "Select Posts" button to open the Select Posts dialogue and search for the posts.
To change the order of the posts click, hold and drag it to its new location. To delete a post from your widget, select it and click on the X in the top right hand corner.
Once you have finished selecting posts, click “Finish Selection”.
Taxonomies: Here is where you specify any custom taxonomies.
Order By: Click on the drop down menu to specify how to order posts within the post carousel. The default order is “By Include Order” meaning as they were added when they were selected. Click on the round arrow icon to specify descending or ascending.
Posts Per Page: Set the number of selected posts you wish to display in the post carousel by adjusting the value in the Posts Per Page field.
Leaving the Posts Per Page field set to Zero will display all the posts.
Columns
The number of the columns in the masonry grid. 4 and 3 columns are suitable for large rows.
Sticky Columns
To activate sticky sidebar plugin for the masonry grid, check this box.
Button Settings
You can add a button to the bottom of the widget. If you don't add a link to the button, it will be not visible.

Displays your posts in a list.

Title & Subtitle
You can add a title and a subtitle to the widget (optional).
Post Settings
Build Posts Query
Click on the "Build Post Query" button to launch the Build Post Query dialogue window.
Post In: Here is where you will enter the Post ID’s you wish to include in your widget. If you do not know the ID’s you can click on the "Select Posts" button to open the Select Posts dialogue and search for the posts.
To change the order of the posts click, hold and drag it to its new location. To delete a post from your widget, select it and click on the X in the top right hand corner.
Once you have finished selecting posts, click “Finish Selection”.
Taxonomies: Here is where you specify any custom taxonomies.
Order By: Click on the drop down menu to specify how to order posts within the post carousel. The default order is “By Include Order” meaning as they were added when they were selected. Click on the round arrow icon to specify descending or ascending.
Posts Per Page: Set the number of selected posts you wish to display in the post carousel by adjusting the value in the Posts Per Page field.
Leaving the Posts Per Page field set to Zero will display all the posts.
Display the first post large
If you check this box, the first post in the list will be bigger.
Button Settings
You can add a button to the bottom of the widget. If you don't add a link to the button, it will be not visible.

Displays your posts in a carousel.

Title & Subtitle
You can add a title and a subtitle to the widget (optional).
Post Settings
Build Posts Query
Click on the "Build Post Query" button to launch the Build Post Query dialogue window.
Post In: Here is where you will enter the Post ID’s you wish to include in your widget. If you do not know the ID’s you can click on the "Select Posts" button to open the Select Posts dialogue and search for the posts.
To change the order of the posts click, hold and drag it to its new location. To delete a post from your widget, select it and click on the X in the top right hand corner.
Once you have finished selecting posts, click “Finish Selection”.
Taxonomies: Here is where you specify any custom taxonomies.
Order By: Click on the drop down menu to specify how to order posts within the post carousel. The default order is “By Include Order” meaning as they were added when they were selected. Click on the round arrow icon to specify descending or ascending.
Posts Per Page: Set the number of selected posts you wish to display in the post carousel by adjusting the value in the Posts Per Page field.
Leaving the Posts Per Page field set to Zero will display all the posts.
Columns
The number of the columns.
Rows
The number of the rows.
Carousel Settings
Autoplay on: To activate autoplay, check this box.
Autoplay duration: Autoplay speed in seconds.
Display Navigation Dots: To activate navigation dots, check this box.
Button Settings
You can add a button to the bottom of the widget. If you don't add a link to the button, it will be not visible.

Displays a posts tabs. Click "Add" button to add a new tab. You can add as many tab as you want.

Title
The title of the tab.
Select an icon
You can add an icon to the tab title (optional).
Select Posts
Build Posts Query
Click on the "Build Post Query" button to launch the Build Post Query dialogue window.
Post In: Here is where you will enter the Post ID’s you wish to include in your widget. If you do not know the ID’s you can click on the "Select Posts" button to open the Select Posts dialogue and search for the posts.
To change the order of the posts click, hold and drag it to its new location. To delete a post from your widget, select it and click on the X in the top right hand corner.
Once you have finished selecting posts, click “Finish Selection”.
Taxonomies: Here is where you specify any custom taxonomies.
Order By: Click on the drop down menu to specify how to order posts within the post carousel. The default order is “By Include Order” meaning as they were added when they were selected. Click on the round arrow icon to specify descending or ascending.
Posts Per Page: Set the number of selected posts you wish to display in the post carousel by adjusting the value in the Posts Per Page field.
Leaving the Posts Per Page field set to Zero will display all the posts.

Displays an accordion.

Displays an author box. You can edit author information from WordPress Users page.

Displays a horizontal line.

You can use this widget to add texts into the page builder.

Displays a responsive iframe, object or embed.

You can use this widget to add ads, videos etc.

Displays a tabs.

Displays a Youtube, Dailymotion, Vine, VideoPress or WordPress.tv video.

There are a lot of widget in Siteorigin Widgets Bundle plugin. For more information, please visit the plugin documentation page;

Go to the documentation page

A Google Maps API key is required for your maps widget to function correctly. For more information about Google Maps Widget, please read the documentation.

Google Maps Widget Documentation

To use this widget, you should upload/activate Mailchimp for WordPress plugin.

Click here to download the plugin

Knowledge Base



GeekMag is compatible with the following plugins;

Linear page layouts are limiting when you’re trying to express a detailed idea. With SiteOrigin’s Page Builder, you can create columized page layouts populated with the widgets and themes you know and love. Its drag and drop interface is so easy to learn, that you'll be up and running in no time.

Download SiteOrigin Page Builder

Please read the Documentation


The SiteOrigin widget bundle gives you a collection of widgets that you can use and customize. All the widgets are built on our powerful framework, giving you advanced forms, unlimited colours and 1500+ icons.

Download SiteOrigin Widgets Bundle

Please read the Documentation


Custom Sidebars allows you to display custom widget configurations on any page, post, category, post type, or archive page.

Download Custom Sidebars


Adds "live search" functionality to your WordPress site. Uses the built-in search and jQuery.

Download Dave's WordPress Live Search


Max Mega Menu will automatically convert your existing menu or menus into a mega menu. You can then add any WordPress widget to your menu, restyle your menu using the theme editor and change the menu behaviour using the built in settings.

Download Max Mega Menu

Please read the Documentation

How to upload GeekMag Mega Menu Skin


Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

Download Contact Form 7

Please read the Documentation


MailChimp for WordPress, the absolute best. Subscribe your WordPress site visitors to your MailChimp lists, with ease.

Download Mailchimp for WordPress

Knowledge Base


A very fast caching engine for WordPress that produces static html files. It will speed up your website.

Download WP Super Cache


Improve your WordPress SEO: Write better content and have a fully optimized WordPress site using the Yoast SEO plugin.

Download Yoast SEO

Yoast SEO Documentation


The best WordPress gallery plugin. Drag & Drop photo gallery builder that helps you create beautiful image gallery with just a few clicks.

Download Envira Gallery

Envira Gallery Documentation


bbPress is forum software, made the WordPress way.

Download bbPress

bbPress Documentation

bbPress Support


BuddyPress helps site builders and WordPress developers add community features to their websites, with user profile fields, activity streams, messaging.

Download BuddyPress

BuddyPress Documentation

BuddyPress Support


If you want more control over your website design, we suggest you to use SiteOrigin CSS plugin. SiteOrigin CSS is the simple, yet powerful CSS editor for WordPress. It gives you visual controls that let you edit the look and feel of your site in real-time.

Download SiteOrigin CSS

Documentation


Get Better Control over your Widgets. Easily show or hide WordPress widgets on specified pages & devices and/or assign custom alignment.

Download Widget Options

Responsive Google Ads with Widget Options


Autoptimize speeds up your website and helps you save bandwidth by aggregating and minimizing JS, CSS and HTML.

Download Autoptimize


Effective image compression and optimization during the upload process. Automatic and without loss of quality.

Download Optimus


WP-Optimize is WordPress's most-installed optimization plugin. With it, you can clean up your database easily and safely, without manual queries.

Download WP Optimize


There are many ways to speed up your website;

1) Choose a good hosting provider …

2) Compress images: Every image that you add to a page has to be downloaded by visitors from your server to their computer. This increases page loading times. You can use the following online image compressor to compress your images before uploading them to your website;

Optimizilla

You can also compress your images from your WordPress dashboard with the following plugin;

Optimus

3) Use an effective caching plugin.

WP Super Cache

4) Minify your js,css files and html output. Autoptimize speeds up your website and helps you save bandwidth by aggregating and minimizing JS, CSS and HTML.

Autoptimize

4) Optimize your WordPress database. You can use the following plugin for that. This plugin lets you do just one simple task: optimize the your database (spam, post revisions, drafts, tables, etc.) to reduce their overhead.

WP Optimize

5) Deactivate plugins which are unnecessary. Too many active plugins can slow your site down.


Beginner's Guide to WordPress

If you are not an experienced WordPress user, I suggest you to start from this free course. After taking this free course you'll be completely comfortable with installing WordPress, adding new content, customising WordPress themes, using WordPress plugins, and managing existing blogs or websites.

Help Documentation

Many support queries and technical questions will already be answered in this documentation. So please take the time to read through all the sections.

Knowledge Base

Your question may already be answered in the knowledge base...

Item Support

Item support is a service provided by many authors on ThemeForest and CodeCanyon.


What's included in item support

Answering questions about how to use the item

Answering technical questions about the item (and included third party assets)

Help with defects in the item or included third party assets

Item updates to ensure ongoing compatibility and to resolve security vulnerabilities


What's NOT included in item support

Item customization

Installation of the item

Hosting, server environment, or software

Where can I get the item support?

Item support is a service provided by many authors on ThemeForest and CodeCanyon.


We've used the following scripts and other files as listed;

As you can see on the item description page (at the bottom of the page), demo images are not included in the download.