A password will be e-mailed to you.

Articles on this page:

    • Services section
    • About us section
    • Social section
    • Slider
    • Demo Installation for Kaster
    • Install Theme
    • Homepage Components
    • Homepage Components
  • Edit Homepage Slider
  • Listing Search
  • Homepage Property Slider
  • Logo

Install Theme WordPress A common issue that can occur with users new to installing WordPress themes is a “Broken theme and/or stylesheets missing” error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly. Luckily, there is a very easy fix.

Services section

In case of imported DEMO the Homepage is already created and you do not need to follow this section.

Service block

For Services section, follow step below:

  • Click Section on Layout elements tab  section

 

About us section

In case of imported DEMO the Homepage is already created and you do not need to follow this section.

1. Create a Slider

  1. Go to Appearance >Sliders
  2. Select a type of slider for about us section(bx-slider)
  3. Fill a title of slider and click Create.
  4. Add new images for slider and save it

 

Social section

In case of imported DEMO the Homepage is already created and you do not need to follow this section.

Social block

To Social section, follow step below:

  • Click Section on Layout elements tab  section

Slider

In case of imported DEMO the Homepage is already created and you do not need to follow this section.

Kaster WordPress theme using Visual Page Builder, in here i will explain how to create Slider on homepage using Visual Page Builder. Follow step below:

1. Create a Slider

  1. Go to Appearance >Sliders
  2. Select type of slider
  3. Fill a title of slider and click Create.
  4. Add new images for slider and save it

 

Demo Installation for Kaster

Kaster theme provide the feature for the demo installation only in one Click. First you should have installed and activated Backup & Demo Content

1. To ensure that this expansion is set, go to Unison >Active Extensions

Backup ext

Install Theme

In start you must have a working version of WordPress already installed. For information in regard to installing the WordPress CMS, please see the WordPress Codex Installing WordPress

Once you have a working of version of WordPress, you need to download All Files and Documentation from themeforest and extract the downloaded zip to get various files including kaster.zip.

Step 1: Install Theme Via WordPress Dashboard

  • Go to Appearance → Themes section
  • Click ‘Add New‘ and select the ‘Upload Theme‘ optionupload theme

Homepage Components

Endeavor is a widgets focused theme. Each page can includes a system output(page content, posts) and widgets that are located in different positions.

You can hide the system output. This is useful, if you want to position only widgets on certain pages, without leaving redundant space. For example look at the components of the homepage below.

All widgets and positions are in Appearance->Widgets, here you can add/delete, edit, or move them.

Homepage Components

Busis is a widgets focused theme. Each page can includes a system output(page content, posts) and widgets that are located in different positions.

You can hide the system output. This is useful, if you want to position only widgets on certain pages, without leaving redundant space. For example look at the components of the homepage below.

All widgets and positions are in Appearance->Widgets, here you can add/delete, edit, or move them.

0

Edit Homepage Slider

The main slider is made by the ANG Mega Slideshow widget in top-a position. It has flexible settings and It can display the desired content type (pages, posts, slideshow)

Slider Widget

0

Listing Search

Search Slider

The Search is added to the ANG Property Slideshow widget in fullscreen position by shortcode.

0

Homepage Property Slider

The main slider is made by the ANG Property Slideshow widget in fullscreen position. It has flexible settings and display images from the listing posts, what you specified in the widget setting.

Slider widget

0

Logo

Setting up the logo in WordPress is pretty straightforward. Just create a Text widget in the Logo position. Now you can edit your widget and enter your markup.

For example use following code:

<img src=”wp-content/uploads/logo.png”width=”200″height=”50″alt=”logo”/>

Articles on this page:

  • Child theme
  • Child theme
  • Child theme
  • Child theme
  • Child theme
  • Child theme
  • Child theme
  • Change “OUR ADVANTAGES” Block
  • Home page Slider
  • Dynamic grid torbara(Images Gallery)
  • Photos dynamic grid torbara(Photo Gallery)
  • Quick Demo

Child theme

Unless you are absolutely sure that you will never ever need to modify any of the theme files you should install and activate a child theme for Renter.

For your convenience Renter comes with a ready to use child theme. You’ll find the “renter child” in Appearance->Theme if you have already installed it or install renter-child-theme.zip file. Its files structure is as in the image below.

Child theme file1

If you want to modify the theme css, you’ll have to edit the style.css file.

0

Child theme

Unless you are absolutely sure that you will never ever need to modify any of the theme files you should install and activate a child theme for Meda.

For your convenience Meda comes with a ready to use child theme. You’ll find the “meda child” in Appearance->Theme if you have already installed it or install meda-child-theme.zip file. Its files structure is as in the image below.

Child theme file1

If you want to modify the theme css, you’ll have to edit the style.css file.

0

Child theme

Unless you are absolutely sure that you will never ever need to modify any of the theme files you should install and activate a child theme for Gear.

For your convenience Gear comes with a ready to use child theme. You’ll find the “Gear child” in Appearance->Theme if you have already installed it or install gear-child-theme.zip file. Its files structure is as in the image below.

Child theme file1

If you want to modify the theme css, you’ll have to edit the style.css file.

0

Child theme

Unless you are absolutely sure that you will never ever need to modify any of the theme files you should install and activate a child theme for OLA.

For your convenience Ola comes with a ready to use child theme. You’ll find the “OLA child” in Appearance->Theme if you have already installed it or install ola-child-theme.zip file. Its files structure is as in the image below.

Child theme file1

If you want to modify the theme css, you’ll have to edit the style.css file.

0

Child theme

Unless you are absolutely sure that you will never ever need to modify any of the theme files you should install and activate a child theme for Lenox.

For your convenience Lenox comes with a ready to use child theme. You’ll find the “Lenox child” in Appearance->Theme if you have already installed it or install lenox-child-theme.zip file. Its files structure is as in the image below.

Child theme file1

If you want to modify the theme css, you’ll have to edit the style.css file.

0

Child theme

Unless you are absolutely sure that you will never ever need to modify any of the theme files you should install and activate a child theme for Ball.

For your convenience Ball comes with a ready to use child theme. You’ll find the “Ball child” in Appearance->Theme if you have already installed it or install ball-child-theme.zip file. Its files structure is as in the image below.

Child theme file1

If you want to modify the theme css, you’ll have to edit the style.css file.

0

Child theme

Unless you are absolutely sure that you will never ever need to modify any of the theme files you should install and activate a child theme for Owen.

For your convenience Owen comes with a ready to use child theme. You’ll find the “Owenl child” in Appearance->Theme if you have already installed it or install owen-child-theme.zip file. Its files structure is as in the image below.

Child theme file1

If you want to modify the theme css, you’ll have to edit the style.css file.

0

Change “OUR ADVANTAGES” Block

Our advantages

0

Home page Slider

The Main Slider is made by the “ANG Mega Slideshow:Big slideshow” widget placed in top-a position. The settings of this widget allow you to select a specific post type to display.

Slider widget

 

0

Dynamic grid torbara(Images Gallery)

This widget allows you to display Gallery with filter.Images Gallery

0

Photos dynamic grid torbara(Photo Gallery)

This widget allows you to display Gallery with filter.

Photo Gallery

Quick Demo

Demo data

If you are new to wordpress or have problems creating posts or pages that look like the Theme Demo you can import dummy posts and pages here that will definitely help to understand how those tasks are done.

Importing demo data (post, pages, images, theme settings, …) is the easiest way to setup your theme. It will allow you to quickly edit everything instead of creating content from scratch. When you import the data following things will happen:

  • All existing posts, pages, categories, images, custom post types or any other data may be deleted or modified.
  • Some WordPress settings will be modified
  • Posts, pages, some images, some widgets and menus will get imported.
  • Images will be downloaded from our server, these images are copyrighted and are for demo use only .
  • Please click import only once and wait, it can take a couple of minutes

Before you begin, make sure all the required plugins are activated.

 

Go to Your Fitness->Quick Demo

Quick Demo

Demo data

If you are new to wordpress or have problems creating posts or pages that look like the Theme Demo you can import dummy posts and pages here that will definitely help to understand how those tasks are done.

Importing demo data (post, pages, images, theme settings, …) is the easiest way to setup your theme. It will allow you to quickly edit everything instead of creating content from scratch. When you import the data following things will happen:

  • All existing posts, pages, categories, images, custom post types or any other data may be deleted or modified.
  • Some WordPress settings will be modified
  • Posts, pages, some images, some widgets and menus will get imported.
  • Images will be downloaded from our server, these images are copyrighted and are for demo use only .
  • Please click import only once and wait, it can take a couple of minutes

Before you begin, make sure all the required plugins are activated.

 

Go to Busis->Quick Demo

Translation Maxx Fitness Theme

To translate “View” in Maxx Fitness Features widget, go to plugins/maxx-fitness-features/maxx-fitness-features.php in line 146,148

To translate “View Location” in Maxx Fitness Location widget, go to plugins/maxx-fitness-locations/maxx-fitness-locations.php in line 148

To translate “Read more…” in Category Blog , go to themes/maxx-fitness/mf-blog.php in line 37

Contact us Page

The following are the Contact us page components. It consists of widgets that are in different positions. Manage widgets you can in Appearance->Widgets. Assign widgets to specific pages with Esta->Widgets

Contact US widgets

0

Homepage Components

The following are the Homepage components. It consists of widgets that are in different positions. Manage widgets you can in Appearance->Widgets. Assign widgets to specific pages with iBloga->Widgets

Logo and menu

logo can be set in two ways:

  • in the theme settings – IBloga->Settings->Logo
  • in the widget of Logo position. Sample code here

0

Homepage Components

CuteChurch is a widgets focused theme. Each page can includes a system output(page content, posts) and widgets that are located in different positions. The following are the Homepage components. It consists of widgets that are in different positions. Manage widgets in Appearance->Widgets. Assign widgets to specific pages with CuteChurch->Widgets.

Home widjets positions1

 

Homepage Components

The following are the Homepage components. It consists of widgets that are in different positions. Manage widgets you can in Appearance->Widgets. Assign widgets to specific pages with Mall->Widgets

Front header

 

Homepage Components

Renter is a widgets focused theme. Each page can includes a system output(page content, posts) and widgets that are located in different positions.

The following are the Homepage components. It consists of widgets that are in different positions. Manage widgets you can in Appearance->Widgets. Assign widgets to specific pages with Renter->Widgets.

Logo can be set in two ways:

  • in the theme settings – Renter->Settings->Logo
  • in the widget of Logo position. Sample code

Homepage1

 

 

Homepage Components

OLA is a widgets ready theme. Each page can includes a system output(page content, posts) and widgets that are located in different positions.

The following are the Homepage components. It consists of widgets that are in different positions. Manage widgets you can in Appearance->Widgets. Assign widgets to specific pages via OLA->Widgets.

 

0

Homepage Components

Meda is a widgets focused theme. Each page can includes a system output(page content, posts) and widgets that are located in different positions.

The following are the Homepage components. It consists of widgets that are in different positions. Manage widgets you can in Appearance->Widgets. Assign widgets to specific pages with Meda->Widgets.

Logo can be set in two ways:

  • in the theme settings – Meda->Settings->Logo
  • in the widget of Logo position. Sample code

HomepageSlider1

 

 

Homepage Components

Gear is a widgets ready theme. Each page can includes system output(page content, posts) and widgets that are located in different positions. By default, the system output is disabled for the homepage, but you can enabled it via Gear>Layout>Content

Sysstem output

The Homepage consists of widgets that are in different positions. You can manage the widgets in Appearance->Widgets. Assign widgets to specific pages with Gear->Widgets.

Logo can be set in two ways:

  • in the theme settings – Gear>Settings->Logo
  • in the widget of Logo position. Sample code here

Home slider

 

Change the logo

Logo is made with Custom HTML module in logo-position.

Change Logo

 

Edit pages with Visual Composer

Visual Composer is page builder that allows you easily build any type of layout in your theme.

With Visual Composer you instantly have access to 40+ built in content elements available out of the box.

Composer element

Each of content element has been carefully crafted by web design professionals and offers multiple options which is enough to build any layout you can think of.

Edit HomePage

The content is displayed via Visual Composer.

Frontpage

To edit homepage, go to Page->Home->Edit and choose one of the options editor.

0

Main navigation

For the main navigation were created two widget positions: menu-left and menu-right.

menu left pos

 

Prepare images for the slider

To get unusual slider as in the demo, follow instructions:

    • Open file “01. home_agency.psd” in Photoshop
    • open folder “header->slider” in the control panel layers
    • double click icon “heder_available for editing”

Slider editor1

 

Change the loading text

Loading

If you want to change the loading text, follow this way:

 

Add/Edit the Players

To create the records of Player type are used component “Cobalt 8”.

It allows you to edit and add materials on your site quickly and easily.

  • First, you need to log in as admin by going on this way https://sitename/admin

LogIn

 

SportAk Logo

Setting up the logo in Joomla is pretty straightforward. Just create a Module of Custom HTML type in the Logo position. Now you can edit your module and enter your markup.

For example use following code:

<img src=images/logo-img.png alt=logo title=logo /> <span>Sport<em>.ak</em></span>
view raw SportAK_Logo.html hosted with ❤ by GitHub

 

Add and Edit Blog Article

To output Blog Article used component “Cobalt 8”.

It allows you to quickly and easily edit and add articles on your site.

  • First, you need to log in by going on this way https://sitename/admin

login

 

How to Add/ Edit a Portfolio

To output Portfolio used component “Cobalt 8”.

It allows you to quickly and easily edit and add materials on your site.

  • First, you need to log in by going on this way https://sitename/admin

Login Waxom

0

 

How to Add/Edit a Blog

To output Blog used component “Cobalt 8”.

It allows you to quickly and easily edit and add materials on your site.

  • First, you need to log in by going on this way https://sitename/admin

Login Waxom<

0

 

Add and Edit Matches/Results & Categories of Matches

To create Matches records type used component “Cobalt 8”.

It allows you to quickly and easily edit and add materials on your site.

  • First, you need to log in as admin by going on this way https://sitename/admin

LogIn

 

 

Add/Edit Gallery and Gallery categories

To create the records of Gallery type are used the “Cobalt 8” component .

It allows you to quickly and easily edit and add materials on your site.

  • First, you need to log in as adminby going on this way https://sitename/admin

LogIn

0

 

Add/Edit News and categories of news

To create the records of New type are used component “Cobalt 8”.

It allows you to quickly and easily edit and add materials on your site.

  • First, you need to log in as admin by going on this way https://sitename/admin

LogIn

How to Add/Edit the Work section

There is used the Cobalt 8 component to create records for Work section.

It allows you to edit or add articles on your site quickly and easily.

  • First, you need to log in by going on this way https://sitename/admin

login

0

 

Add and Edit Portfolio

To output Portfolio used component “Cobalt 8”.

It allows you to quickly and easily edit and add materials on your site.

  • First, you need to log in by going on this way https://sitename/admin

Login

 

Add and Edit Blog

To output Portfolio used component “Cobalt 8”.

It allows you to quickly and easily edit and add materials on your site.

  • First, you need to log in by going on this way https://sitename/admin

Login

 

Homepage Components

You can see which elements are used on the home page of the demo version below.

Slider1

For the Main slide used the “Aklare Slider” Module in top-a position.

 

 

Homepage Components

You can see which elements are used on the home page of the demo version below.

HomePage1

For the Main slide used the “Aklare Slider” Module.

Homepage Components

You can see which elements are used on the home page of the demo version below.

home1

For the Main slide used the “Aklare Slider” Module.

 

Edit Work section

  • Click on one of triggers to select the page on which you want to make changes06
  • Click on image to select.
  • Right click on image and in context menu click on Replace image
  • Select image on your computer and click OK
  • Click on rectangle layer with name “Add link here” to changle link from image
  • Click on title to change link from title

Blogs editing

Сreate a new blog

Disabling export page

You can disable the export of pages that are not needed on your site

  1. Open project
  2. Right click on page preview
  3. Disable “Export page”

Add web font

  1. Open menu – File / Add/Remove web font
  2. Click on tab Edge web fonts
  3. Type in search field Raleway
  4. Click on font name to add Raleway font to Adobe Muse

0

 

Standart widgets

It’s me – Muse Theme based on standart Adobe Muse widgets.

If you do’not know how to edit standard widgets be sure to check tutorials section on the support website https://helpx.adobe.com/muse.html

If you do not have enough time to it, be sure to check the article “Work with composition widgets”. Composition widget is most frequently used widget in theme, which is used on each page. https://helpx.adobe.com/muse/using/composition-widgets.html

Replacing images and backgrounds

You can replace images in one place(A) on one page, or replace image in all the places where this image is found(B).

A: Replace one image on page

  • Select image or rectangle with background
  • Right click on image or rectangle
  • In opened context menu click “Replace Image” for images, or “Replace Background” for backgrounds
  • Select new image and click OK

Edit “Hire me” form

  • Open one of Home page layouts(“Robert” for example)
  • Select “Hire me” button and click on blue circle with white triangle, right of the button.
  • In opened Composition Options check “Show lightbox parts while editing”04

 

Edit menu

  • Open one of Master Layouts(“Robert” for example)
  • In layers panel chose Header/Composition and click on blue circle with white arrow01

0

 

WOW.js animation

  • Chose animation on https://daneden.github.io/animate.css/ and copy animation effect name (fadeInUp for example)
  • Create new Graphic Style(fadeInUp for example)
  • Open one of Master Layouts(“Robert” for example)

0

 

How to change breadcrumbs/footer background

A special feature of the theme is the opportunity to have a separate background for breadcrumbs and footer.

To change the background of the breadcrumbs for a specific page, change the image on the way  http://sample.com/images/breadcrumbs/about.jpg to your, where:

http://sample.com –  your site name

images/breadcrumbs – The default path of the folder for storing breadcrumb backgrounds,  does not require changing

about.jpg – the name of the image that match the title of the page on which breadcrumb appear.

How to add the breadcrumbs with background

Add a new page with breadcrumbs

  1. Create a new page
  2. Assign “Breadcrumbs Busis” widget on the created page via Busis>Widgets Breadcr assign
  3. Go to http://sample.com/wp-content/uploads/ and create the folder, name it as the page url on which the breadcrumbs are posted. Example: for the page http://sitename/about/ need to create the about folder.
  4. Upload your image for background with name breadcrumbs.jpg to http://sample.com/wp-content/uploads/about/

 

0

 

Price 3 columns

Here is code example of 3 columns price:

<div class=uk-grid tm-price data-uk-grid-margin= data-uk-grid-match={target:’.uk-panel’}>
<div class=uk-width-medium-1-3 uk-text-center data-uk-scrollspy={cls:’uk-animation-slide-left’, repeat: true}>
<div class=uk-panel>
<div class=price>$24<sup>.99</sup></div>
<h2 class=uk-panel-title uk-margin-top>per month</h2>
<p class=tm-panel-subtitle>Health Checks <br>Personal fitness programm <br>Membership cards</p>
<a class=uk-button uk-button-large href=# title=Buy Now>
<i class=uk-icon-akplus>+</i>
<span>Buy Now</span>
</a>
</div>
</div>
<div class=uk-width-medium-1-3 uk-text-center data-uk-scrollspy={cls:’uk-animation-slide-right’, repeat: true}>
<div class=uk-panel>
<div class=price>$199<sup>.99</sup></div>
<h2 class=uk-panel-title uk-margin-top>per year</h2>
<p class=tm-panel-subtitle>Health Checks <br>Personal fitness programm <br>Membership cards</p>
<a class=uk-button uk-button-large href=# title=Buy Now>
<i class=uk-icon-akplus>+</i>
<span>Buy Now</span>
</a>
</div>
</div>
<div class=uk-width-medium-1-3 uk-text-center data-uk-scrollspy={cls:’uk-animation-slide-left’, repeat: true}>
<div class=uk-panel>
<div class=price>$24<sup>.99</sup></div>
<h2 class=uk-panel-title uk-margin-top>per month</h2>
<p class=tm-panel-subtitle>Health Checks <br>Personal fitness programm <br>Membership cards</p>
<a class=uk-button uk-button-large href=# title=Buy Now>
<i class=uk-icon-akplus>+</i>
<span>Buy Now</span>
</a>
</div>
</div>
</div>
view raw price.html hosted with ❤ by GitHub

0

 

How to Install IT’S ME Joomla QuickStart?

This is a step by step tutorial on how to install It’s me Joomla QuickStart on a web server. In this manual we focus on the installation of Joomla 3, as it is the latest stable branch officially recommended for all new projects.

Installing Joomla! for the first time is very easy. Joomla!’s built-in web installer makes setting up your new site a breeze.

Requirements

Before we start installing Joomla!, there are a couple prerequisites that need to be met to install Joomla! 3.x successfully. These apply whether you have a dedicated server, a shared hosting plan server, or are installing a copy on a local computer for testing or development.

You’ll need to meet the following requirements below to install and use Joomla!

SoftwareRecommendedMinimum
PHP (Magic Quotes GPC off)5.4 +5.3.10 +
Supported Databases:
MySQL (InnoDB support required)5.1 +5.1 +
MSSQL10.50.1600.1 +10.50.1600.1 +
PostgreSQL8.3.18 +8.3.18 +
Supported Web Servers:
Apache(with mod_mysql, mod_xml, and mod_zlib)2.x+2.x+
Hiawatha (withUrlToolkit support)latest8.0
Nginx1.11.0
Microsoft IIS77

0

 

How to Install Mall QuickStart?

This is a step by step tutorial on how to install Mall Joomla QuickStart on a web server. In this manual we focus on the installation of Joomla 3, as it is the latest stable branch officially recommended for all new projects.

Installing Joomla! for the first time is very easy. Joomla!’s built-in web installer makes setting up your new site a breeze.

Requirements

Before we start installing Joomla!, there are a couple prerequisites that need to be met to install Joomla! 3.x successfully. These apply whether you have a dedicated server, a shared hosting plan server, or are installing a copy on a local computer for testing or development.

You’ll need to meet the following requirements below to install and use Joomla!

SoftwareRecommendedMinimum
PHP (Magic Quotes GPC off)5.4 +5.3.10 +
Supported Databases:
MySQL (InnoDB support required)5.1 +5.1 +
MSSQL10.50.1600.1 +10.50.1600.1 +
PostgreSQL8.3.18 +8.3.18 +
Supported Web Servers:
Apache(with mod_mysql, mod_xml, and mod_zlib)2.x+2.x+
Hiawatha (withUrlToolkit support)latest8.0
Nginx1.11.0
Microsoft IIS77

0

 

1 2 3 4 5