# Overview

### Tutorials.

Hi you this tutorials will help you edit Metro Mobile;

Here is some shortcode videos;

HOW TO ADD IMAGE TILE VIDEO CLICK HERE WATCH
HOW TO ADD ICON TILE VIDEO CLICK HERE WATCH
HOW TO ADD SLIDER TILE VIDEO CLICK HERE WATCH

# How can i create my home page?

### Hi Thank you for choose Webbu Design.

For create your home page you have to edit `Pages > Home Page` or your own page. Our shortcode editor will help you much. And you can find more information about our shortcode editor top menu shortcodes section. You can create your own home page style with icon, image, map, slider tiles. Just create some tiles. Please read carefully on Shortcode section tile instructions. And have a check our sample Home Page.

# F.A.Q. (Frequently Asked Question)

### Tutorial Info:

After you finished installation and configuration you are ready for edit your pages and create new pages or close not used pages.

- Where can i add or edit pages?
  - If you want to create new page or edit page on your main menu you can use wordpress "Pages" section. You can create new pages from this section or edit page content.
- I added a new page but can see at home page menu tiles?
  - If you have created a page and want to add main menu please go "Pages > Your Selected Home Page" and select edit. Or Add new one. Click to Webbu Shortcode button like code below and select "Tile with Image" / "Tile with Icon" / "Tile with Slider" one of this menu items. Add One tile and while adding this tile write your URL link or select page predefined.
- How can i delete a page not want to use on menu?
  - Go "Pages > Your Selected Home Page" and delete tile you have added before for your page code. That is it.
- What type tiles can i add?
  - Please read instructions on SHORTCODES SECTION TOP MENU.
- I don't want to use prepared template portfolio page. What can i do?
  - You have to disable page from "Metro Mobile > Page Settings" and find your page you want to disable then select from the selected menu "Disable this page". When you did this you will see that page is still in main menu but editable in "Pages" section. This mean you disabled page template, not page. You can still use and edit page with "Pages" section on wordpress. If you want to totally delete page link Go "Pages > Your Selected Home Page" and delete tile you have added before for your page code. That is it.
- What if i select on "Metro Mobile > Page Settings > Home Page" Disable This Page?
  - This will make problem on template please don't do this :) You have to use a Home Page.
- How i can show my gallery or Portfolio on Home Page?
  - It is not possible.
- How can i add Contact Form?
  - Go to "Contact" Section from Wordpress left menu. You can edit form details in there. After this do like image below;
- How can i change font styles?
  - Please go to "Appearance >Editor" then find on the right side style.css file. When you clicked that file you will see code below. If you upload your own font face supported font just change variables below. But don't change font-family: "RobotoRegular"; leave it because theme is working with this name. I prefer don't touch this setting.

`/*
Theme Name: MetroMobile
Theme URI: http://themeforest.net/user/Webbu
Version: 1.0
Author: Webbu Design
Author URI: http://themeforest.net/user/Webbu
License:
License URI:
Description: Mobile Template from Webbu Design
*/
@font-face {
font-family: "RobotoRegular";
src: url('font/Roboto-Regular-webfont.eot');
src: url('font/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('font/Roboto-Regular-webfont.woff') format('woff'),
url('font/Roboto-Regular-webfont.ttf') format('truetype'),
url('font/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
font-weight: normal;
font-style: normal;
}`
More Question From Our Support Forum

# Sample Contact Form Code?

### Tutorial Info:

Sample Contact Form for Contact form 7 Plugin:

`

Your Name (required)
[text* your-name class:formresp]

Your Email (required)
[email* your-email class:formresp]

Subject
[text your-subject class:formresp]

Your Message
[textarea your-message class:formresp]

[submit "Send"]

`

# Gallery Tutorial

### Tutorial Info:

You can find gallery options setup and how you add more item instructions.

- How can i change gallery columns and options?
  - Go to WordPress Admin and select Gallery menu from left side menu. Then click to options.( I recommend do not touch any another setting if you don't know what is that. ) Select Gallery Tab on top of the page. You will see Number of images per page and Number of columns fields in this section. You can change this numbers and change page column and item shown. Sample photo is below; ( disable Integrate slideshow)
- And thumnail setting need to be configured;
- How can i add photos to Gallery and then Page?
  - Please go "Gallery" on your left menu in Admin. You will see "Add new gallery / images "section. On this page you have options for upload images follow instructions on page. Save everything when your upload process is finish then. Go to "Pages > Select your gallery page" click to edit or add new page. On the page edit you will see gallery button left side of the Webbu Shortcode button click to gallery button then select your gallery then press insert. That is it.
  I prefer upload images 800x600 pixel
- How can i delete item from Gallery?
  - Please go "Gallery" on your left menu in Admin. Then select Manage Gallery > Select your gallery . Choose item from list and delete.
- How can i edit item from Gallery?
  - Same steps with delete just select edit.

###

# Portfolio Tutorial

- How can i add item to Portfolio?
  - Please go "Portfolio Items" on your left menu. You will see Add new button on top of the window. click that. After write photo title to "Enter title here" text. Enter Description for detail page. Enter Excerpt text for small description. Choose "Set featured image" from right side of page click it.
  Go media library or upload a photo. After that select photo and click to "Use as featured image" on photo details. That is it. You can use full size system will be resize it. ( Becarefull about high size photos i prefer use 800x600px)
- How can i delete item from Portfolio?
  - Please go "Portfolio Items" on your left menu. Choose item from list and delete.
- How can i edit item from Portfolio?
  - Please go "Portfolio Items" on your left menu. Choose item from list and edit. And for change photo do same thing like add new portfolio item.