Automotiv

admin — Thu, 01 Jan 1970 00:00:00 +0000

This is an example of a WordPress page, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many pages like this one or sub-pages as you like and manage all of your content inside of WordPress.

Engine Size

admin — Thu, 01 Jan 1970 00:00:00 +0000

[contact-form 1 "Contact form 1"]

admin — Thu, 01 Jan 1970 00:00:00 +0000

Auto Draft

admin — Thu, 01 Jan 1970 00:00:00 +0000

Ford F-150 4.6 STX Flareside 4x4

admin — Fri, 13 Aug 2010 21:00:30 +0000

Central Door Locking (Remote )
In Car Entertainment (Radio/Cassette)
Seating Capacity (Four Seats)
Mirrors External (Manual)
Air Conditioning
Alloy Wheels (upgraded 17?)
Alarm (Remote Control)
Air Bag Side (Driver/Passenger)
Power Socket (Rear )
Adjustable Steering Column/Wheel (Reach)
Seat Height Adjustment (Driver)
Head Restraints (Front/Rear)

Electric Windows (Front)
Speakers (Six)
Immobiliser
Anti-Lock Brakes
Power-Assisted Steering
Body Coloured Bumpers
Traction Control System
Upholstery Full Leather
Air Bag Driver
Air Bag Passenger
Xenon Headlamps

logo

admin — Sun, 15 Aug 2010 17:39:06 +0000

Search Results

admin — Mon, 16 Aug 2010 04:46:41 +0000

All Vehicles

admin — Mon, 16 Aug 2010 04:49:55 +0000

Sales Reps

admin — Tue, 17 Aug 2010 16:26:25 +0000

This page will pull in entries from a special post type called "Sales Rep".

admin — Tue, 17 Aug 2010 16:31:18 +0000

This page will pull in entries from a special post type called “Sales Rep”.

Ford Transit Connect 1.8 TDCi

admin — Tue, 17 Aug 2010 17:12:01 +0000

Central Door Locking (Remote )
In Car Entertainment (Radio/Cassette)
Seating Capacity (Four Seats)
Mirrors External (Manual)
Air Conditioning
Alloy Wheels (upgraded 17?)
Alarm (Remote Control)
Air Bag Side (Driver/Passenger)
Power Socket (Rear )
Adjustable Steering Column/Wheel (Reach)
Seat Height Adjustment (Driver)
Head Restraints (Front/Rear)

Electric Windows (Front)
Speakers (Six)
Immobiliser
Anti-Lock Brakes
Power-Assisted Steering
Body Coloured Bumpers
Traction Control System
Upholstery Full Leather
Air Bag Driver
Air Bag Passenger
Xenon Headlamps

Bob Smith

admin — Tue, 17 Aug 2010 20:44:07 +0000

some text...

aaaa

admin — Wed, 18 Aug 2010 03:32:42 +0000

aasdf

aaaa

admin — Wed, 18 Aug 2010 03:38:48 +0000

aaaa

ffff

admin — Wed, 18 Aug 2010 04:25:26 +0000

fff

About

admin — Wed, 18 Aug 2010 13:59:51 +0000

honda02

admin — Wed, 18 Aug 2010 16:06:05 +0000

honda01

admin — Wed, 18 Aug 2010 16:06:09 +0000

ford04

admin — Wed, 18 Aug 2010 16:06:11 +0000

ford02

admin — Wed, 18 Aug 2010 16:06:13 +0000

2007 Ford F-150: FX4

admin — Wed, 18 Aug 2010 16:06:15 +0000

2007 Ford F-150: FX4. (06/20/06)

ford03

admin — Wed, 18 Aug 2010 16:06:18 +0000

mazda01

admin — Wed, 18 Aug 2010 16:06:20 +0000

toyota02

admin — Wed, 18 Aug 2010 16:06:22 +0000

interior01

admin — Wed, 18 Aug 2010 16:06:26 +0000

toyota01

admin — Wed, 18 Aug 2010 16:06:34 +0000

porsche02

admin — Wed, 18 Aug 2010 16:06:36 +0000

porsche01

admin — Wed, 18 Aug 2010 16:06:39 +0000

mazda02

admin — Wed, 18 Aug 2010 16:06:41 +0000

interior04

admin — Wed, 18 Aug 2010 16:06:44 +0000

interior03

admin — Wed, 18 Aug 2010 16:06:46 +0000

interior02

admin — Wed, 18 Aug 2010 16:06:49 +0000

interior01

admin — Wed, 18 Aug 2010 16:19:44 +0000

studio photography;automobiles;car;vechile;automative media;autos;izmocars;

admin — Wed, 18 Aug 2010 16:19:50 +0000

interior04

admin — Wed, 18 Aug 2010 16:19:52 +0000

interior03

admin — Wed, 18 Aug 2010 16:19:54 +0000

interior02

admin — Wed, 18 Aug 2010 16:19:57 +0000

ford03

admin — Wed, 18 Aug 2010 16:42:45 +0000

interior01

admin — Wed, 18 Aug 2010 16:42:47 +0000

studio photography;automobiles;car;vechile;automative media;autos;izmocars;

admin — Wed, 18 Aug 2010 16:42:52 +0000

interior04

admin — Wed, 18 Aug 2010 16:42:55 +0000

interior03

admin — Wed, 18 Aug 2010 16:42:57 +0000

interior02

admin — Wed, 18 Aug 2010 16:42:59 +0000

ford04

admin — Wed, 18 Aug 2010 16:57:07 +0000

interior01

admin — Wed, 18 Aug 2010 16:57:09 +0000

studio photography;automobiles;car;vechile;automative media;autos;izmocars;

admin — Wed, 18 Aug 2010 16:57:14 +0000

interior04

admin — Wed, 18 Aug 2010 16:57:17 +0000

interior03

admin — Wed, 18 Aug 2010 16:57:19 +0000

interior02

admin — Wed, 18 Aug 2010 16:57:22 +0000

Ford Taurus SEL 3.5 V6 Sedan

admin — Wed, 18 Aug 2010 17:00:53 +0000

Central Door Locking (Remote )
In Car Entertainment (Radio/Cassette)
Seating Capacity (Four Seats)
Mirrors External (Manual)
Air Conditioning
Alloy Wheels (upgraded 17?)
Alarm (Remote Control)
Air Bag Side (Driver/Passenger)
Power Socket (Rear )
Adjustable Steering Column/Wheel (Reach)
Seat Height Adjustment (Driver)
Head Restraints (Front/Rear)

Electric Windows (Front)
Speakers (Six)
Immobiliser
Anti-Lock Brakes
Power-Assisted Steering
Body Coloured Bumpers
Traction Control System
Upholstery Full Leather
Air Bag Driver
Air Bag Passenger
Xenon Headlamps

honda01

admin — Wed, 18 Aug 2010 17:01:42 +0000

interior01

admin — Wed, 18 Aug 2010 17:01:44 +0000

studio photography;automobiles;car;vechile;automative media;autos;izmocars;

admin — Wed, 18 Aug 2010 17:01:49 +0000

interior04

admin — Wed, 18 Aug 2010 17:01:52 +0000

interior03

admin — Wed, 18 Aug 2010 17:01:54 +0000

interior02

admin — Wed, 18 Aug 2010 17:01:57 +0000

Honda Fit 1.5 Sport 3Dr

admin — Wed, 18 Aug 2010 17:04:30 +0000

Central Door Locking (Remote )
In Car Entertainment (Radio/Cassette)
Seating Capacity (Four Seats)
Mirrors External (Manual)
Air Conditioning
Alloy Wheels (upgraded 17?)
Alarm (Remote Control)
Air Bag Side (Driver/Passenger)
Power Socket (Rear )
Adjustable Steering Column/Wheel (Reach)
Seat Height Adjustment (Driver)
Head Restraints (Front/Rear)

Electric Windows (Front)
Speakers (Six)
Immobiliser
Anti-Lock Brakes
Power-Assisted Steering
Body Coloured Bumpers
Traction Control System
Upholstery Full Leather
Air Bag Driver
Air Bag Passenger
Xenon Headlamps

honda02

admin — Wed, 18 Aug 2010 17:05:32 +0000

interior01

admin — Wed, 18 Aug 2010 17:05:34 +0000

studio photography;automobiles;car;vechile;automative media;autos;izmocars;

admin — Wed, 18 Aug 2010 17:05:40 +0000

interior04

admin — Wed, 18 Aug 2010 17:05:44 +0000

interior03

admin — Wed, 18 Aug 2010 17:05:47 +0000

interior02

admin — Wed, 18 Aug 2010 17:05:50 +0000

Honda Accord DX 2.4 Sedan

admin — Wed, 18 Aug 2010 17:11:55 +0000

Central Door Locking (Remote )
In Car Entertainment (Radio/Cassette)
Seating Capacity (Four Seats)
Mirrors External (Manual)
Air Conditioning
Alloy Wheels (upgraded 17?)
Alarm (Remote Control)
Air Bag Side (Driver/Passenger)
Power Socket (Rear )
Adjustable Steering Column/Wheel (Reach)
Seat Height Adjustment (Driver)
Head Restraints (Front/Rear)

Electric Windows (Front)
Speakers (Six)
Immobiliser
Anti-Lock Brakes
Power-Assisted Steering
Body Coloured Bumpers
Traction Control System
Upholstery Full Leather
Air Bag Driver
Air Bag Passenger
Xenon Headlamps

mazda01

admin — Wed, 18 Aug 2010 17:13:39 +0000

interior01

admin — Wed, 18 Aug 2010 17:13:42 +0000

studio photography;automobiles;car;vechile;automative media;autos;izmocars;

admin — Wed, 18 Aug 2010 17:13:48 +0000

interior04

admin — Wed, 18 Aug 2010 17:13:50 +0000

interior03

admin — Wed, 18 Aug 2010 17:13:53 +0000

interior02

admin — Wed, 18 Aug 2010 17:13:55 +0000

Mazda 6 2.4 Sport VE 5Dr

admin — Wed, 18 Aug 2010 17:17:35 +0000

Central Door Locking (Remote )
In Car Entertainment (Radio/Cassette)
Seating Capacity (Four Seats)
Mirrors External (Manual)
Air Conditioning
Alloy Wheels (upgraded 17?)
Alarm (Remote Control)
Air Bag Side (Driver/Passenger)
Power Socket (Rear )
Adjustable Steering Column/Wheel (Reach)
Seat Height Adjustment (Driver)
Head Restraints (Front/Rear)

Electric Windows (Front)
Speakers (Six)
Immobiliser
Anti-Lock Brakes
Power-Assisted Steering
Body Coloured Bumpers
Traction Control System
Upholstery Full Leather
Air Bag Driver
Air Bag Passenger
Xenon Headlamps

interior01

admin — Wed, 18 Aug 2010 17:18:47 +0000

studio photography;automobiles;car;vechile;automative media;autos;izmocars;

admin — Wed, 18 Aug 2010 17:18:54 +0000

mazda02

admin — Wed, 18 Aug 2010 17:18:57 +0000

interior04

admin — Wed, 18 Aug 2010 17:19:00 +0000

interior03

admin — Wed, 18 Aug 2010 17:19:02 +0000

interior02

admin — Wed, 18 Aug 2010 17:19:04 +0000

Mazda 3 1.4i TS 5Dr

admin — Wed, 18 Aug 2010 17:26:37 +0000

Central Door Locking (Remote )
In Car Entertainment (Radio/Cassette)
Seating Capacity (Four Seats)
Mirrors External (Manual)
Air Conditioning
Alloy Wheels (upgraded 17?)
Alarm (Remote Control)
Air Bag Side (Driver/Passenger)
Power Socket (Rear )
Adjustable Steering Column/Wheel (Reach)
Seat Height Adjustment (Driver)
Head Restraints (Front/Rear)

Electric Windows (Front)
Speakers (Six)
Immobiliser
Anti-Lock Brakes
Power-Assisted Steering
Body Coloured Bumpers
Traction Control System
Upholstery Full Leather
Air Bag Driver
Air Bag Passenger
Xenon Headlamps

interior01

admin — Wed, 18 Aug 2010 17:28:04 +0000

studio photography;automobiles;car;vechile;automative media;autos;izmocars;

admin — Wed, 18 Aug 2010 17:28:09 +0000

porsche01

admin — Wed, 18 Aug 2010 17:28:12 +0000

interior04

admin — Wed, 18 Aug 2010 17:28:15 +0000

interior03

admin — Wed, 18 Aug 2010 17:28:17 +0000

interior02

admin — Wed, 18 Aug 2010 17:28:19 +0000

Porsche 911 Carrera S 3.8 2Dr

admin — Wed, 18 Aug 2010 17:29:11 +0000

Central Door Locking (Remote )
In Car Entertainment (Radio/Cassette)
Seating Capacity (Four Seats)
Mirrors External (Manual)
Air Conditioning
Alloy Wheels (upgraded 17?)
Alarm (Remote Control)
Air Bag Side (Driver/Passenger)
Power Socket (Rear )
Adjustable Steering Column/Wheel (Reach)
Seat Height Adjustment (Driver)
Head Restraints (Front/Rear)

Electric Windows (Front)
Speakers (Six)
Immobiliser
Anti-Lock Brakes
Power-Assisted Steering
Body Coloured Bumpers
Traction Control System
Upholstery Full Leather
Air Bag Driver
Air Bag Passenger
Xenon Headlamps

interior01

admin — Wed, 18 Aug 2010 17:34:21 +0000

studio photography;automobiles;car;vechile;automative media;autos;izmocars;

admin — Wed, 18 Aug 2010 17:34:27 +0000

porsche01

admin — Wed, 18 Aug 2010 17:34:29 +0000

interior04

admin — Wed, 18 Aug 2010 17:34:32 +0000

interior03

admin — Wed, 18 Aug 2010 17:34:34 +0000

interior02

admin — Wed, 18 Aug 2010 17:34:36 +0000

Toyota Corolla 1.8 XRS Sedan

admin — Wed, 18 Aug 2010 17:40:12 +0000

Central Door Locking (Remote )
In Car Entertainment (Radio/Cassette)
Seating Capacity (Four Seats)
Mirrors External (Manual)
Air Conditioning
Alloy Wheels (upgraded 17?)
Alarm (Remote Control)
Air Bag Side (Driver/Passenger)
Power Socket (Rear )
Adjustable Steering Column/Wheel (Reach)
Seat Height Adjustment (Driver)
Head Restraints (Front/Rear)

Electric Windows (Front)
Speakers (Six)
Immobiliser
Anti-Lock Brakes
Power-Assisted Steering
Body Coloured Bumpers
Traction Control System
Upholstery Full Leather
Air Bag Driver
Air Bag Passenger
Xenon Headlamps

logo

admin — Wed, 18 Aug 2010 17:43:23 +0000

interior01

admin — Wed, 18 Aug 2010 17:46:40 +0000

studio photography;automobiles;car;vechile;automative media;autos;izmocars;

admin — Wed, 18 Aug 2010 17:46:45 +0000

toyota01

admin — Wed, 18 Aug 2010 17:46:48 +0000

interior04

admin — Wed, 18 Aug 2010 17:46:51 +0000

interior03

admin — Wed, 18 Aug 2010 17:46:53 +0000

interior02

admin — Wed, 18 Aug 2010 17:46:55 +0000

Certified Pre-owned Sales in December Jumped 15 Percent

admin — Wed, 18 Aug 2010 19:56:37 +0000

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus

Huge car sale coming soon

admin — Wed, 18 Aug 2010 19:57:59 +0000

CarFax Honored for Carbon Offsets

admin — Wed, 18 Aug 2010 20:00:23 +0000

New Certified Pre-Owned Program

admin — Wed, 18 Aug 2010 20:01:12 +0000

admin — Wed, 18 Aug 2010 20:07:08 +0000

admin — Wed, 18 Aug 2010 20:07:40 +0000

Contact Us

admin — Wed, 18 Aug 2010 20:14:31 +0000

[contact-form 1 "Contact form 1"]

Browse

admin — Wed, 18 Aug 2010 20:27:18 +0000

Price Range

admin — Wed, 18 Aug 2010 20:28:25 +0000

Engine Size

admin — Wed, 18 Aug 2010 20:29:03 +0000

Manufacturer

admin — Wed, 18 Aug 2010 20:29:48 +0000

Transmission

admin — Wed, 18 Aug 2010 20:30:21 +0000

Body Type

admin — Wed, 18 Aug 2010 20:30:53 +0000

admin — Thu, 19 Aug 2010 04:17:20 +0000

admin — Thu, 19 Aug 2010 04:17:21 +0000

admin — Thu, 19 Aug 2010 04:17:22 +0000

admin — Thu, 19 Aug 2010 04:17:23 +0000

All Vehicles

admin — Thu, 19 Aug 2010 04:23:17 +0000

All Vehicles

admin — Thu, 19 Aug 2010 15:15:33 +0000

Full List of Features

admin — Fri, 20 Aug 2010 04:22:24 +0000

Powerful Vehicle Search (no plugin needed). Search by Manufacturer, Engine Size, Transmission, min/max price, and body type.
Supports Videos (opens in lightbox)
Unlimited color schemes. Just enter a color value and entire site changes, including all gradients.
WP 3.0 support for Custom Post Types. Instead of entering a "Post" for a Automobile Listing, you enter a new "Automobile Listing". Very intuitive.
Built-in Loan Calculator
WP 3.0 support for new Menu system.
Optionally browse Vehicles by Manufacturer, price range, Engine Size, Transmission, or Body Type
Business Hours shown in footer
Option to have a second level of manufacturer search. For example, choose Ford, and below shows up another dropdown showing Ford Models. See demo for an example.
Optional Login form
27 individual slideshow transitions
Nice jquery tooltips on hovering over social media icons.
Special banner over images: "Reduced", "Sold", "Automatic", "Manual", "Diesel", "Reserved". PSD files included so you can make your own.
Contact form on each listing page
Social media icons on homepage (different than ones in Listing and blog pages)
NO CUSTOM FIELDS!! (They are used silently in the background, but you don't need to work with them)
TimThumb.php script support (upload 1 image and theme repurposes it at various smaller sizes throughout site.)
Comprehensive Theme Options page. Practically everything is customizable
Link to "All Vehicles" in menu
Cufon font styling
CSS3 Progressive Enhancement
Jquery enhanced interface
Special typographic effects (see the sample posts and pages in the demo)
- Multi-column text (2, 3, 4 columns in any config)
- Toggle boxes (expand/contract)
- Drop Caps
- Text highlighting
- Link buttons (adapt to color skin)
- Back to Top links (with animated scrolling to top)
- Divider Lines
8 Widget Enabled areas
6 Custom 'Page Templates'
Hide or show just about any element in the site
Customize the wording of any header or element.
PSD files included
Extensive HTML documentation (live and always up to date). Read the docs now by clicking the Documentation menu in the demo.

Help

admin — Tue, 24 Aug 2010 19:46:54 +0000

Multicolumn Text Layout

admin — Wed, 25 Aug 2010 01:22:37 +0000

This theme supports a multi-columnn layout with the use of special "Shortcodes". Also note that this page is using a "full width" page template, which means that the sidebar is gone. You can only add multi-columnn text like this to pages with the Full Width page template.

4 columnn Layout

[one_quarter]first column text[/one_quarter] [one_quarter]2nd column text[/one_quarter] [one_quarter]3rd column text[/one_quarter] [one_quarter_last]4th columnn text[/one_quarter_last]

[one_quarter]

Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor

[/one_quarter] [one_quarter]

[/one_quarter] [one_quarter_last]

[/one_quarter_last] [top]

2 columnn Layouts

[one_half]first column text[/one_half] [one_half_last]2nd columnn text[/one_half_half]

[one_half]

[/one_half] [one_half_last]

[/one_half_last]

[one_quarter]first column text[/one_quarter] [three_quarters_last]2nd columnn text[/three_quarters_last]

[one_quarter]

Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum

[/one_quarter] [three_quarters_last]

[/three_quarters_last]

[three_quarters]first column text[/three_quarters] [one_quarter_last]2nd columnn text[/one_quarter_last]

[three_quarters]

[/three_quarters] [one_quarter_last]

[/one_quarter_last]

[one_third]first column text[/one_third] [two_thirds_last]2nd columnn text[/two_thirds_last]

[one_third]

[/one_third] [two_thirds_last]

[/two_thirds_last]

[two_thirds]first column text[/two_thirds] [one_third_last]2nd columnn text[/one_third_last]

[two_thirds]

[/two_thirds] [one_third_last]

[/one_third_last] [top]

3 columnn Layouts

[one_third]first column text[/one_third] [one_third]2nd columnn text[/one_third] [one_third_last]3rd columnn text[/one_third_last]

[one_third]

[/one_third] [one_third]

[/one_third] [one_third_last]

[/one_third_last]

[one_half]first column text[/one_half] [one_quarter]2nd columnn text[/one_quarter] [one_quarter_last]3rd columnn text[/one_quarter_last]

[one_half]

[/one_half] [one_quarter]

[/one_quarter] [one_quarter_last]

[/one_quarter_last]

[one_quarter]first column text[/one_quarter] [one_quarter]2nd columnn text[/one_quarter] [one_half_last]3rd columnn text[/one_half_last]

[one_quarter]

[/one_quarter] [one_quarter]

[/one_quarter] [one_half_last]

[/one_half_last]

Multicolumn Text Layout (with sidebar)

admin — Wed, 25 Aug 2010 01:41:49 +0000

This post showcases the multi-column layout options for blog posts, or for "Pages" that have a sidebar. It's made possible by our special "Shortcodes". For full details on all our custom Shortcodes, click here. Keep in mind, "Pages" with the "Full Width" page template gives you the most columnn layout options. Full Width pages support "one_quarter" width columns, but all other pages and posts that contain sidebars do not. Click here for details on columnn support for Full Width pages.. You'll notice that the column code is exactly the same. The difference is that Full Width pages supports one_quarter width columns.

[one_half]first column text[/one_half] [one_half]2nd column text[/one_half_last]

[one_half]

[/one_half] [one_half_last]

[/one_half_last]

[one_third]first column text[/one_third] [one_third]2nd column text[/one_third] [one_third_last]3rd column text[/one_third_last]

[one_third]

[/one_third] [one_third]

[/one_third] [one_third_last]

[/one_third_last]

[one_third]first column text[/one_third] [two_thirds_last]2nd column text[/two_thirds_last]

[one_third]

[/one_third] [two_thirds_last]

[/two_thirds_last]

[two_thirds]first column text[/two_thirds] [one_third_last]2nd column text[/one_third_last]

[two_thirds]

[/two_thirds] [one_third_last]

[/one_third_last]

admin — Wed, 25 Aug 2010 02:13:46 +0000

[contact-form 1 "Contact form 1"]

Documentation

admin — Wed, 25 Aug 2010 02:16:12 +0000

Note: I am slowly adding screencasts to this page to help explain the trickier aspects of the theme. If you feel something is confusing and could use a screencast, please let me know.

Getting Started
Creating your First Post
Search Box
Setting up the Footer (widgetized areas)
Contact Us page
Browse by... (menu item)
'All Vehicles' link in the menu
Setting up the Slideshow
Changing Color Skin
Modifying the CSS
Custom Shortcodes
Multcolumn Text Layouts (using shortcodes)
Page Templates

Getting Started

If you have any problems or questions, please check out or make a new post on our Support Forum.

Installing Automotiv

You should be able to install the theme directly inside of Wordpress. Go to the Themes menu on the left of wp-admin, select "Add New Themes", and then click "upload". Select the supplied OpenHouse theme zip file and you're done. However, in my personal experience, this rarely works. So I just install it manually. To install manually, you'll need an FTP program. The Firefox (web browser) plugin FireFTP works perfectly. Unzip the supplied OpenHouse theme (it should be zipped). On the server, navigate to your Themes folder. Create a subfolder called "OpenHouse" (or something else if you wish), and then upload all the theme files to that folder. Once uploaded, you can go to the Themes section of Wordpress wp-admin and then activate the new theme. Ok, it should be installed. Now on to the steps to get your new site functional!

Note

You can skip steps 1 and 2 below by doing this, and also have some sample Vehicle Listings and Posts to get you started. You can import the demo Automotiv WordPress database to get started extra quickly. If you do this then your site will have all the same Posts, Pages, Vehicle Listings, comments, etc. as the demo site. Some people have requested this, so here you go! In wp-admin, simply go to the Tools tab and click Import. Choose the Wordpress option, and then select the file above that you downloaded. If you do this then you can safely skip steps 1 and 2 below.

Step 1: Create your Blog or News categories

Assuming you want to post articles to your site, you will need to create "Categories" for them. You can create a category called "News" (to hold news related posts), "Blog" (for general blog type posts), or any other category name. The live demo has 2 categories called "News" and "Blog". Feel free to have only one or the other; both are not required. You can also create sub-categories under the main categories if your posts benefit from them. Note: DO NOT create a category for your vehicle listings. The listings don't use categories at all.

Step 2: Search Results Page

Create a new "Page", using the Page Template called "Search Results". Enter a "Title" for the post... for example "Search Results". You can leave the content blank. Publish it. In Theme Options (located at the bottom left of the wp-admin dashboard), in the General section, set the "Search Results Page" to the Page that you just created.

Step 3: Create the Menus

Before doing this, please watch this nice video tutorial (will open in a new window) that explains this feature.

My screencast for creating the header and footer menus

Free online screencasting tool

This theme has a main menu in the header and a smaller menu in the footer. The menus are generated using WordPress' new "Menus" feature. In the wp-admin, under the Appearance tab, click on "Menus" to access the Menus page. Click the "+" tab to add a menu called "Main". This will be the main menu in the header. Click the "Save Menu" button. Click the "+" tab again to create another menu called "Footer". Click the "Save Menu" button again. In the Theme Locations section, set the Main Navigation Menu to be "Main", and the Footer Navigation Menu to be "Footer". Click the "Save" button. Click on the "Main" tab to activate the Main menu. In the Pages and Categories sections, check all the boxes for the pages and categories that you want to add to this Main menu. You can click/drag the results to be in the exact order that you want. Click on the "Footer" tab, and do the same thing that you did in the previous step. Note: Whenever you add a Page or a Category, then you will need to come into this "Menus" page and add it to your Header and Footer menus. Sorry, this is not my fault... it's a quirk from WP 3.0. Also note: In Step 2 you added a "Search Results" page. You will not want that page in your menus. To exclude it from the menus, simply don't add it to the menus!

Step 4

This theme relies on the Timthumb.php script for taking your original large image, and repurposing it in other sizes throughout the site (like in the slideshow, thumbnails, etc.) That way you don't need to upload more than one Portfolio or Blog image. The /scripts folder, and scripts/cache folder must be set to a permission setting of 0777. That allows it to read and write. If it is not 0777, then the images on the site will not show up. You will need to access your site folders to change the folder permissions. I recommend the free FireFTP plugin for Firefox. Simply log in to your server. Right-click on the folders, choose Properties, and change the number to 0777. If this does not work, some users keep the /scripts folder at 0755 and only make the /scripts/cache to be 0777. Try that instead.

Step 5

Enjoy your new theme! You are now ready to post a vehicle Listing, or blog/news post. Read on for instructions on adding a news/blog post and Vehicle Listing post.

Step 6

It's not critical at this point, but you will notice that your site does not have a logo. Go to Theme Options, and in the "General" section, under Logo URL, give the full URL to your image. Also set the width and height of the image. If the logo isn't positioned exactly right, you can enter values in "Logo position X" and "Logo position Y" to fine tune it's position. Every other setting in Theme Options isn't critical at this point. The theme should be working... you now just need to add some content! [top]

Theme Options

The Theme Options page in the wp-admin dashboard is your Control Central for everything in the theme. It is critical that you become comfortable with it and are aware of it's many settings. All of the settings include a description of what they do. If anything is unclear or confusing, please don't hesitate to contact me. The Theme Options are divided into 6 sections:

General

Includes settings for color scheme, Logo settings, and some critical settings that must be set or the theme won't work.

Slideshow

Includes all the settings for controlling the behavior of the Slideshow on the homepage. You can control the transition effect, number of items to show, the order of items, exactly which items show, and more.

Social Networking

Includes all the settings you need for setting up your Twitter, Facebook, and other social networking sites.

Hide or Show Stuff

Settings to hide or show elements/features of this theme. For example, if you don't use Twitter, you can "hide" it from the homepage and the sidebar.

Language

Controls all the headings and labels used throughout the site. Handy if you don't like my wording, or if your site is in a language other than English.

Miscellaneous

Settings that didn't find a home in any section above. Like Jpg quality, Google Maps API Key and lots more. [top]

Creating your first post

[toggle title="Creating a Vehicle Listing Post"]

'Manufacturer', 'Body Type', 'Price Range', 'Engine Size', 'transmission', 'Mileage', 'Model Year' sections

Before we start anything I want to bring attention to the right sidebar. It contains 7 groups of category types, or what Wordpress calls "Taxonomies". They're ways to organize your Vehicle Listings. These 7 taxonomies are custom made for this theme by yours truly. hey are 100% OPTIONAL. They are used ONLY if you want to browse listings by Manufacturer, Body Type, Price Range, Engine Size, Transmission, Mileage or Model Year. The demo site has a "browse" item in the menu. When you hover over it, you can see that you can browse listings by these taxonomies. For now, to keep things simple, we will ignore these taxonomies. For more information about this, see the section called "Browse by...".

First Step

In the left column of wp-admin, click on the "Automobile Listings" header, then click "Add New Listing". You are brought to a Custom Post Type which is new in WP 3.0.

Title and body

Ok, now on to your first Vehicle Listing post. First create your post "Title". This can be anything you want that will describe the listing. Be detailed, but not too long. For example: Honda Accord DS 2.4 Sedan. Next, in the body of the post, enter all your descriptive text and vehicle specification text. It can be paragraph text and/or automobile feature details. Usually one would enter generic automobile details, not specific things like the year, mileage, etc. It can be as long as you like. To format it in bullets, and in 2 columns, use this html as a template (add as many as you need to each column). Make sure you are in HTML mode when doing this:

Central Door Locking (Remote )
In Car Entertainment (Radio/Cassette)

Electric Windows (Front)
Speakers (Six)

Adding images

You can add as many images as you like for the Vehicle Listing. To add images, above the content section, click on the "upload/insert image" button. Upload all your images. After they upload, click on the "Save" button, and then click on the Gallery tab. The Gallery tab shows you all the images that you uploaded for the vehicle. The top most image in the list will be the main image shown in the slideshow. You can click and drag the order of the images around. Make sure the representative image is on top. Click Save when you're done, then EXIT the window by clicking the X on the top right. You can return add, delete, and rearrange the vehicle's images easily by clicking the "upload/insert image" button again. Remember, all your images associated with the current listing is in the "gallery" tab.

Adding video (optional)

Optionally you can add Youtube or Vimeo video to a listing. The theme will show a thumbnail of the video, and when clicked, it will open up in a lightbox and play. You can add as many videos as you like. To add video, you need to enter the Youtube or Vimeo URL in the corresponding section. If you want to include multiple videos, enter each URL on a new line. You also need to add an image that will show as the video's thumbnail. This can be any image, including a video screen capture, or even just a photo. Enter the URL to the image in the "Video thumbnail image" section. If you have multiple videos, enter each image on a new line.

Entering Manufacturer information

In the Manufacturer section, enter the Automobile Name, preferably including the model year. For example: 2005 Toyota Corolla.

Primary Search Manufacturer

From the Primary Search Manufacturer, choose the Manufacturer name from the dropdown. (You customize the dropdown items in the Theme Options page). Enter the Secondary Search Manufacturer name (optional). For example, if it's a Toyota Corolla, type in "Corolla" Choose a manufacturer from the "Primary Search Manufacturer" dropdown list. This chosen manufacturer name will be used when people "Search" for vehicle listings. The manufacturers in this dropdown are defined in Theme Options. By default the theme comes with a few popular manufacturers. You will no doubt need to edit this list in the Theme Options. Click here for details on customizing the Primary Search Manufacturer dropdown list.

Secondary Search Manufacturer

In the demo site, when you do a search, and you choose a Manufacturer, after a couple seconds, a secondary dropdown list appears with more specific model names. This is called the "Secondary Search Manufacturer", and is optional. You may want it if the first manufacturer dropdown's scope is too large. By default, and as demonstrated in the demo, when you choose a "Manufacturer" from the first Manufacturer dropdown, a second dropdown appears with a list of models from that chosen manufacturer. By all means, you can customize this to your needs. Click here for details on customizing the Secondary Search Manufacturer dropdown list. If your Primary Search Manufacturer is already specific enough, and you don't want or need a Secondary Search Manufacturer, then you can disable it. To disable it, in Theme Options, go to "Enable Secondary Search Manufacturer" and choose "Disable". Click here for details on customizing the Primary Search Manufacturer and Secondary Search Manufacturer dropdown lists.

Automobile Information

Most of these settings are self explanatory, but I will explain things that need more explanation.

Body Type

Choose a body type. The list of types is defined in Theme Options. This setting is used when site visitors search by Body Type.

Last Step...

Click on the Publish button! [/toggle] [toggle title="Creating a news/blog post"] Creating a regular news/blog/whatever post couldn't be simpler. Simply add a new "Post". Type in a title and body text.

Setting a Featured Image

You can have a "Featured Image" for your posts. This image will show up as a small thumbnail or full width image depending on the page view. The image is added with WordPress' "Featured Image" feature. Click "Set featured image", and the rest is self explanatory. The last step is putting your post in the correct category. In the Categories section, put your post in your desired category (i.e. Blog, News, or even both!) Then click on the Publish button. [/toggle] [top] The Automotiv theme features an advanced search box where you can perform a specific search for a vehicle based on manufacturer, engine size, transmission, minimum, maximum price, and body type. The Manufacturers, minimum price, maximum price, and Body Type need to be configured. This page details how to do that. [toggle title="Manufacturer"] Searching by manufacturer is quite powerful. Before going through this, please check out the theme demo to review how it functions. This tutorial will make more sense. When you click on the main "Manufacturer" dropdown, a dropdown of all the models from that manufacturer appears. In this documentation, i refer to the first Manufacturer dropdown as "Primary search manufacturer", and I refer to the second manufacturer dropdown as "Secondary search manufacturer". Keep in mind that the Secondary Search Manufacturer is optional, and is only needed if your Primary Search Manufacturers are large in scope. For example, if you don't have a need to show the automobile models from a chosen manufacturer, then you can disable the Secondary Search Manufacturer in Theme Options.

Customizing the Primary Search Manufacturer

In Theme Options, in the General section, you will see a section to enter your Primary Search Manufacturers. By default you'll see only a few popular manufacturers. You will definitely need to add/edit that list. Enter each manufacturer on a separate line, and be sure to not have any blank lines at the end. If you will only have the Primary Search Manufacturer (not the Secondary Search Manufacturer), then in Theme Options, in the General section, be sure to "disable" the Secondary Search Manufacturer.

Adding Secondary Search Manufacturers

First, in Theme Options, in the General section, be sure to enable "Secondary Search Manufacturers". This part is relatively tricky, so I think the best way to learn how this works is to look at the demo. As an example, lets choose Ford as a manufacturer from the Search. When you choose Ford, a secondary listbox appears with Ford models. Where are the various Ford models stored? They are in a folder called /secondary_search_manufacturers, right in the root of your site. Go in that folder, and you'll see a few javascript files. One for each manufacturer. The models for Ford are in the ford.js file. Open that file. You'll see each model is on it's own line. It should be self explanatory as to what you need to edit and add just by seeing the existing code. The key here is that each javascript file must be in the /secondary_search_manufacturers folder and must have the EXACT SAME NAME (case sensitive) as it's name in the Primary Search Manufacturers list that you set in Theme Options. [/toggle] [toggle title="Customizing the Max Price, Min Price, Model Year, and Mileage"] You will need to specify the minimum and maximum automobile prices to be used in the advanced search, as well as the Model years and Mileage. For this, you will need to edit some HTML. But it's easy since you're just replacing the demo numbers with your own. Open the /includes/custom/customsearchformfields.php file. You'll see the html that makes up all the dropdown lists in the Search box. Edit the values as you need. Note for Min Price and Max Price: for the "value", make sure the numbers do NOT include decimals, commas, or currency symbols. And for the number between the tags, you CAN include commas and decimals, but do NOT include the currency symbol. That is added automatically. [/toggle] [toggle title="Editing the Body Types"] By default, the Search allows you to search by Body Types of SUV, minivan, coupe, sedan, etc. But you can easily edit this list. In Theme Options, in the General section there is a section to edit the "Body Types". Just enter each one on a new line and make sure there are no blank lines at the end. [/toggle] [toggle title="Customizing the Search Parameters"] The Search box requires the first three dropdowns of "Manufacturer", "Min Price" and "Max Price". Those cannot be changed and are required. But the next 3 dropdowns can be chosen. You can replace any of the 3 search items with one of the following:

Body Type
Engine Size
Mileage
Transmission
Model Year

3 is the magic number because any more and they wouldn't fit in the Search box. To choose which 3 go where, go to Theme Options (General section). Select a choice from "Search Parameter 1", "Search Parameter 2", and "Search parameter 3". [/toggle] [top]

Setting up the Footer (widgetized areas)

The footer is entirely made up of 4 Widgetized areas. When you go to Appearance -> Widgets, you'll see Footer1, Footer2, Footer3, and Footer4. Here is how we set up the demo footer:

Footer1

We dragged in the "Recent Posts" widget into this Widget area.

Footer2

This is a standard Text Widget. Drag a Text Widget in there and give it a title, for example "Business Hours". For the content of the text, copy this and paste it in:


Monday10am to 9pm
Tuesday10am to 9pm
Wednesday10am to 9pm
Thursday10am to 9pm
Friday10am to 9pm
Saturday10am to 5pm
SundayClosed

Footer3

The Google Maps is actually a Text Widget. You'll need to go to http://maps.google.com and find your business location. Then click on the button called "Link" in the top right of the screen. Then click the "Customize and Preview embedded map" link. In the window that pops up enter a custom size of Width: 200 and Height: 180. Then copy the code at the bottom to the clipboard, and then paste it into your text widget. In the code, i also removed all text inside and including the tag.

Footer4

The fourth and last footer widgetized area uses the "Contact Us" widget. Drag it into the Footer4 widget area, and fill in the textboxes with your contact information. [top]

Setting up the Contact Us Page

The contact form is made possible by the fantastic Contact Form 7 plugin. Once installed and activated, go to its Control Panel (bottom left of the wp-admin dashboard). You can configure the form however you like, or just keep the defaults. When it's all set up, copy the shortcode at the top of that page. Create a new "Page", and set the Template to "Contact". Enter a page title, and some optional body text. In the body of the post, PASTE the shortcode that you copied. Publish the page, and you're done! This Contact Us page will not show in the main menu by default. You have to add it to the menu using the Appearance -> Menus feature of wp-admin. [top]

Setting up "Browse" in the menu

Please note that this feature was added by popular demand and really isn't required. That's because you can find any automobile on the lot by doing a standard search. But having a "browse" feature is nice if the user doesn't really know what he/she is looking for and just wants to browse.

Screencast of setting up Browse in the menu

NOTE: If you don't see the "Manufacturers", "Body Type", "Price Range", etc. boxes in the left side of the Menus screen, they are probably hidden. To show them go to "Screen Options" at the top right of the screen, and check off the ones you want to show. To better understand what the Browse menu is, please check out the demo site's main menu. There is a "Browse" item. When you hover over it the dropdown shows that you can browse listings according to 'Body Type, 'Price Range', 'Transmission', 'Manufacturer', and 'Engine Size'. This is an alternate way to find a vehicle listing if you don't want to perform an actual Search. In the right column of each Automobile Listing post are sections for 'Manufacturer', 'Engine Size', 'Transmission', 'Price Range', and 'Body Type'. I said in a previous page that these sections are optional, and only required if you want to be able to browse by these categories (WP calls them Taxonomies). On a fresh theme install, these taxonomy groups will be blank, unless you install the XML file as explained in the Getting Started section. You will need to populate them with values. You can add them right in the Listing Post right sidebar, or in the left sidebar (Under Vehicle Listings you'll see Manufacturer, Engine Size, Transmission, Price Range, and Body Type). Once all your taxonomy items are added, you simply check off the appropriate one for each Vehicle Listing post. For example, if a Ford with Manual transmission, with an engine size of 2.2L, that costs $11,000, and is an SUV, you could check off the following:

Manufacturer: Ford
Price Range: $10,000 - $15,000
Engine Size: 2.1K - 3.0L
Transmission: Manual
Body Type: SUV

Note: Setting these DO NOT affect the search engine at all. The search engine looks at the other Vehicle Listing post data. Checking off these items is ONLY if you want to browse by them in the menu. Now to add the Browse by items to the menu bar: There are many ways you could add the items to the menu, but here is what "I" did in the demo: I created "Pages" called:

Browse
Browse by Manufacturer
Browse by Engine Size
Browse by Transmission
Browse by Price Range
Browse by Body Type

In Appearance -> Menus, add the "Pages" that you made to the menu. I arranged them so the "Browse By..." pages were indented under the "Browse" Page. Note: If your "Taxonomy" groups are not displayed on the left side of the screen, they are probably hidden. Clic on the "Screen Options" button on the top right and make sure they are checked. On the left check off all the Manufactureres, Engine Sizes, Transmissions, Price Ranges, and Body Types, and add them to the menu. Drag them to its corresponding Page that you made in the previous step. Don't forget to click the Save button when you're done! [top]

'All Vehicles' Link in the menu

In the main menu, under the 'Browse' menu is a menu item called 'All Vehicles'. Not surprisingly, when you click it, you go to a page listing all the vehicles in the site's inventory. The result is similar as to doing a regular Search with all the default settings. To set this up, first, you need to find the URL that goes to your Search Results page. For example, mine is this: http://www.buchmanndesign.com/automotiv/?page_id=12 To find the URL, go to your list of Pages. Find the Search Results page (you made this in the Getting Started section of the documentation), and hover over the "view" link. In your status bar, you'll see the URL. If you right-click on the link, you should have an option to copy the URL to clipboard. Now in Appearance > Menus (new WP 3.0 feature), go to the Custom Links section. Paste the URL that you copied. Name the link something. Add it to your Header and/or Footer menu. Drag it to where you want and then save. In the demo I placed this inside the Browse menu, and also as a main item in the footer menu. [top]

Customizing the Slideshow

The Theme Options (link is located at the bottom left of the wp-admin Dashboard) has all your settings for controlling the homepage Slideshow. This theme automatically pulls vehicle listings to be displayed in the slideshow. You can limit the number of slides in the slideshow by entering a number in the "Slideshow Quantity" setting. You can also change the slideshow transition style, Slideshow Order, and Slide Interval Length. All the settings should be self explanatory. [top]

Changing the Color Skin

You can change the color skin to be virtually anything!! All the background colors, gradients and highlights will adjust to fit your chosen color. You don't need to change the color in a PSD file, slice it up, etc. To change the color skin, go to Theme Options. It's the first setting in the General section. Simply enter the HEX value of the color you want. Sorry, the Theme Options doesn't have it's own color picker, but this link will help you out: http://www.boallen.com/hex-color-code-generator.html. Simply find the color you want, copy it to the clipboard and paste it into Theme Options. The headings on the whole theme will also change to your skin color. If your chosen skin color is very light, then some heading text will be difficult to read against a light background. In this event, the next Theme Options setting "Alternate Text Color Scheme" is there to help out. Choose a darker color so that text will show up better against the light background. [top]

Modifying the CSS

The main CSS style is style.css, which is located in the root folder. You can modify it, however, if you ever upgrade to a newer version of the theme, all your changes to style.css will be replaced with the new version. Probably not what you want. So instead of modifying the style.css file directly, you can modify it in a safer way 2 ways:

CSS setting in Theme Options

You can modify the CSS that affects globally all the pages in the site in the Theme Options. In the General section, there is a setting for CSS. You can put in your custom style in there. If you want to override something in style.css, then simply enter the same exact selector as used in style.css, and then add or modify any of the properties. [top]

Custom Shortcodes

This theme has a bunch of custom Shortcode tags that makes adding multiple text columns, toggle boxes, text button, etc. a breeze. This page explains all the included Shortcode tags with examples. Note: adding Shortcodes requires you to be in HTML mode. Also, if your text appears too small, that is because your next is not wrapped in HTML paragraph tags. You will need to be in HTML mode and manually put in paragraph tags. (the Wordpress editor often adds its own paragraph tags, or doesn't, and one has little control over this. So if your text is too small, go into HTML mode and wrap your text in paragraph tags.)

Multiple Text Columns

Adding multiple columns of text is a snap with the "columns" shortcodes. As an example, to add 4 equal width text columns that span the width of the site, add this to your page (in HTML mode):

[one_quarter]first colum text[/one_quarter]
[one_quarter]2nd colum text[/one_quarter]
[one_quarter]3rd colum text[/one_quarter]
[one_quarter_last]4th column text
[/one_quarter_last]

The Multiple Columns sample page has visual samples plus sample code. A couple important things to note here is that you need to surround your text with HTML paragraph tags. And I don't know why, but you actually do need that extra line break between columns.

Toggle boxes

[toggle title="Click me to see a toggle box in action"]It's so simple to add one of these to you posts or pages. [toggle title="Clickable text for the toggle box"]Text that appears when you click the title[/toggle] [/toggle]

Link Button

You can make a link into a button that matches your color scheme. The shortcode tag for this is: [button URL="http://www.sample.com"]Button Text[/button] The result would look like this: [button URL="#"]Button Text[/button]

Drop Cap

You can make the first letter of any paragraph a dropcap with the following code: [dropcap]O[/dropcap]nce upon a time in a land far far away... The result would look like this: [dropcap]O[/dropcap] nce upon a time, in a land far far away... Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Highlight

You can highlight text by changing the background and foreground color of text. You can define up to 2 highlight colors in Theme Options (Miscellaneous section). The colors are designated by the Shortcodes "highlight1" and "highlight2". This is some [highlight1]text to highlight[/highlight1] This is some [highlight2]more text to highlight[/highlight2] The result would look like this: This is some [highlight1]text to highlight[/highlight1] This is some [highlight2]more text to highlight[/highlight2]

Pull Quote

You can make any text become a pull quote which makes it a box, aligned to the left or right, with surrounding text flowing around it. The shortcode tag for this is:

[pullquote_left]Sample text[/pullquote_left]
[pullquote_right]Sample text[/pullquote_right]

Horizontal Divider Line

This code adds a subtle divider line on the page: [line] Which results in a line like this: [line]

Back to Top Link

This one is simple also. It adds a "go to top" link which animates smoothly to the top of the page. [top] Which results in a line like this: [top]

Clear

This is one of the most helpful Shortcodes, and is not even visible. Sometimes your content wraps around a floated object (like an image), but you just want the content to start after the image because it's a new paragraph not related to the image. Simply add this shortcode before your new content: [clear] [top]

Multicolumn Text Layout

[one_half]first column text[/one_half]
[one_half_last]2nd columnn text
[/one_half_half]

[one_half] Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor [/one_half] [one_half_last] Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor [/one_half_last] Click here for all the column layouts with a page or post that is full width (no sidebar). Click here for all the column layouts with a page or post that has a left or right sidebar. [top]

Page Templates

This theme includes a number of Page Templates. When you create a "page", you can choose from one of these templates. "Contact Us" Page template "Right Sidebar" Page template "Left and Right Sidebar" Page template

Page with 2 Sidebars

admin — Wed, 25 Aug 2010 02:23:50 +0000

Page with Right Sidebar

admin — Wed, 25 Aug 2010 02:36:18 +0000

Setting up the Footer

admin — Wed, 25 Aug 2010 20:23:02 +0000

The footer is entirely made up of 4 Widgetized areas. When you go to Appearance -> Widgets, you'll see Footer1, Footer2, Footer3, and Footer4. Here is how we set up the demo footer:

Footer1

We dragged in the "Recent Posts" widget into this Widget area.

Footer2

This is a standard Text Widget. Drag a Text Widget in there and give it a title, for example "Business Hours". For the content of the text, copy this and paste it in:



Monday10am to 9pm
Tuesday10am to 9pm
Wednesday10am to 9pm
Thursday10am to 9pm
Friday10am to 9pm
Saturday10am to 5pm
SundayClosed

Footer3

Footer4

interior02

admin — Thu, 26 Aug 2010 20:47:12 +0000

interior03

admin — Thu, 26 Aug 2010 20:47:15 +0000

interior04

admin — Thu, 26 Aug 2010 20:47:17 +0000

interior02

admin — Thu, 26 Aug 2010 20:48:37 +0000

interior03

admin — Thu, 26 Aug 2010 20:48:41 +0000

interior04

admin — Thu, 26 Aug 2010 20:48:43 +0000

interior02

admin — Thu, 26 Aug 2010 20:49:33 +0000

interior03

admin — Thu, 26 Aug 2010 20:49:36 +0000

interior04

admin — Thu, 26 Aug 2010 20:49:38 +0000

interior02

admin — Thu, 26 Aug 2010 20:50:37 +0000

interior03

admin — Thu, 26 Aug 2010 20:50:39 +0000

interior04

admin — Thu, 26 Aug 2010 20:50:42 +0000

interior02

admin — Thu, 26 Aug 2010 20:51:28 +0000

interior03

admin — Thu, 26 Aug 2010 20:51:30 +0000

interior04

admin — Thu, 26 Aug 2010 20:51:33 +0000

interior02

admin — Thu, 26 Aug 2010 20:52:37 +0000

interior03

admin — Thu, 26 Aug 2010 20:52:40 +0000

interior04

admin — Thu, 26 Aug 2010 20:52:42 +0000

interior02

admin — Thu, 26 Aug 2010 20:53:59 +0000

interior03

admin — Thu, 26 Aug 2010 20:54:02 +0000

interior04

admin — Thu, 26 Aug 2010 20:54:05 +0000

interior02

admin — Thu, 26 Aug 2010 20:55:06 +0000

interior03

admin — Thu, 26 Aug 2010 20:55:08 +0000

interior04

admin — Thu, 26 Aug 2010 20:55:10 +0000

interior02

admin — Thu, 26 Aug 2010 20:56:14 +0000

interior03

admin — Thu, 26 Aug 2010 20:56:16 +0000

interior04

admin — Thu, 26 Aug 2010 20:56:19 +0000

Mileage

admin — Mon, 30 Aug 2010 17:02:44 +0000

Model Year

admin — Mon, 30 Aug 2010 17:03:22 +0000

admin — Mon, 30 Aug 2010 17:08:48 +0000

admin — Mon, 30 Aug 2010 17:08:50 +0000

admin — Mon, 30 Aug 2010 17:08:51 +0000

admin — Thu, 02 Sep 2010 19:11:05 +0000

Table of Contents Getting Started Creating your First Post Search Box Setting up the Footer (widgetized areas) Contact Us page Browse by… (menu item) ‘All Vehicles’ link in the menu Setting up the Slideshow Changing Color Skin Modifying the CSS Custom Shortcodes Multcolumn Text Layouts (using shortcodes) Page Templates Getting Started If you have any problems or questions, please check out or make a new post on our Support Forum. Installing Automotiv You should be able to install the theme directly inside of Wordpress. Go to the Themes menu on the left of wp-admin, select “Add New Themes”, and then click “upload”. Select the supplied OpenHouse theme zip file and you’re done. However, in my personal experience, this rarely works. So I just install it manually. To install manually, you’ll need an FTP program. The Firefox (web browser) plugin FireFTP works perfectly. Unzip the supplied OpenHouse theme (it should be zipped). On the server, navigate to your Themes folder. Create a subfolder called “OpenHouse” (or something else if you wish), and then upload all the theme files to that folder. Once uploaded, you can go to the Themes section of Wordpress wp-admin and then activate the new theme. Ok, it should be installed. Now on to the steps to get your new site functional! Note You can skip steps 1 and 2 below by doing this, and also have some sample Vehicle Listings and Posts to get you started. You can import the demo Automotiv WordPress database to get started extra quickly. If you do this then your site will have all the same Posts, Pages, Vehicle Listings, comments, etc. as the demo site. Some people have requested this, so here you go! In wp-admin, simply go to the Tools tab and click Import. Choose the Wordpress option, and then select the file above that you downloaded. If you do this then you can safely skip steps 1 and 2 below. Step 1: Create your Blog or News categories Assuming you want to post articles to your site, you will need to create “Categories” for them. You can create a category called “News” (to hold news related posts), “Blog” (for general blog type posts), or any other category name. The live demo has 2 categories called “News” and “Blog”. Feel free to have only one or the other; both are not required. You can also create sub-categories under the main categories if your posts benefit from them. Note: DO NOT create a category for your vehicle listings. The listings don’t use categories at all. Step 2: Search Results Page Create a new “Page”, using the Page Template called “Search Results”. Enter a “Title” for the post… for example “Search Results”. You can leave the content blank. Publish it. In Theme Options (located at the bottom left of the wp-admin dashboard), in the General section, set the “Search Results Page” to the Page that you just created. Step 3: Create the Menus Before doing this, please watch this nice video tutorial (will open in a new window) that explains this feature. This theme has a main menu in the header and a smaller menu in the footer. The menus are generated using WordPress’ new “Menus” feature. In the wp-admin, under the Appearance tab, click on “Menus” to access the Menus page. Click the “+” tab to add a menu called “Main”. This will be the main menu in the header. Click the “Save Menu” button. Click the “+” tab again to create another menu called “Footer”. Click the “Save Menu” button again. In the Theme Locations section, set the Main Navigation Menu to be “Main”, and the Footer Navigation Menu to be “Footer”. Click the “Save” button. Click on the “Main” tab to activate the Main menu. In the Pages and Categories sections, check all the boxes for the pages and categories that you want to add to this Main menu. You can click/drag the results to be in the exact order that you want. Click on the “Footer” tab, and do the same thing that you did in the previous step. Note: Whenever you add a Page or a Category, then you will need to come into this “Menus” page and add it to your Header and Footer menus. Sorry, this is not my fault… it’s a quirk from WP 3.0. Also note: In Step 2 you added a “Search Results” page. You will not want that page in your menus. To exclude it from the menus, simply don’t add it to the menus! Step 4 This theme relies on the Timthumb.php script for taking your original large image, and repurposing it in other sizes throughout the site (like in the slideshow, thumbnails, etc.) That way you don’t need to upload more than one Portfolio or Blog image. The /scripts folder, and scripts/cache folder must be set to a permission setting of 0777. That allows it to read and write. If it is not 0777, then the images on the site will not show up. You will need to access your site folders to change the folder permissions. I recommend the free FireFTP plugin for Firefox. Simply log in to your server. Right-click on the folders, choose Properties, and change the number to 0777. If this does not work, some users keep the /scripts folder at 0755 and only make the /scripts/cache to be 0777. Try that instead. Step 5 Enjoy your new theme! You are now ready to post a vehicle Listing, or blog/news post. Read on for instructions on adding a news/blog post and Vehicle Listing post. Step 6 It’s not critical at this point, but you will notice that your site does not have a logo. Go to Theme Options, and in the “General” section, under Logo URL, give the full URL to your image. Also set the width and height of the image. If the logo isn’t positioned exactly right, you can enter values in “Logo position X” and “Logo position Y” to fine tune it’s position. Every other setting in Theme Options isn’t critical at this point. The theme should be working… you now just need to add some content! [top] Theme Options The Theme Options page in the wp-admin dashboard is your Control Central for everything in the theme. It is critical that you become comfortable with it and are aware of it’s many settings. All of the settings include a description of what they do. If anything is unclear or confusing, please don’t hesitate to contact me. The Theme Options are divided into 6 sections: General Includes settings for color scheme, Logo settings, and some critical settings that must be set or the theme won’t work. Slideshow Includes all the settings for controlling the behavior of the Slideshow on the homepage. You can control the transition effect, number of items to show, the order of items, exactly which items show, and more. Social Networking Includes all the settings you need for setting up your Twitter, Facebook, and other social networking sites. Hide or Show Stuff Settings to hide or show elements/features of this theme. For example, if you don’t use Twitter, you can “hide” it from the homepage and the sidebar. Language Controls all the headings and labels used throughout the site. Handy if you don’t like my wording, or if your site is in a language other than English. Miscellaneous Settings that didn’t find a home in any section above. Like Jpg quality, Google Maps API Key and lots more. [top] Creating your first post [toggle title="Creating a Vehicle Listing Post"] ‘Manufacturer’, ‘Body Type’, ‘Price Range’, ‘Engine Size’, ‘transmission’, ‘Mileage’, ‘Model Year’ sections Before we start anything I want to bring attention to the right sidebar. It contains 7 groups of category types, or what Wordpress calls “Taxonomies”. They’re ways to organize your Vehicle Listings. These 7 taxonomies are custom made for this theme by yours truly. hey are 100% OPTIONAL. They are used ONLY if you want to browse listings by Manufacturer, Body Type, Price Range, Engine Size, Transmission, Mileage or Model Year. The demo site has a “browse” item in the menu. When you hover over it, you can see that you can browse listings by these taxonomies. For now, to keep things simple, we will ignore these taxonomies. For more information about this, see the section called “Browse by…”. First Step In the left column of wp-admin, click on the “Automobile Listings” header, then click “Add New Listing”. You are brought to a Custom Post Type which is new in WP 3.0. Title and body Ok, now on to your first Vehicle Listing post. First create your post “Title”. This can be anything you want that will describe the listing. This entry isn’t used anywhere on the site… it’s only used for organizing your posts in wp-admin. Next, in the body of the post, enter all your descriptive text. It can be paragraph text and/or automobile feature details. Usually one would enter generic automobile details, not specific things like the year, mileage, etc. It can be as long as you like. Adding images You can add as many images as you like for the Vehicle Listing. To add images, above the content section, click on the “upload/insert image” button. Upload all your images. After they upload, click on the “Save” button, and then click on the Gallery tab. The Gallery tab shows you all the images that you uploaded for the vehicle. The top most image in the list will be the main image shown in the slideshow. You can click and drag the order of the images around. Make sure the representative image is on top. Click Save when you’re done, then EXIT the window by clicking the X on the top right. You can return add, delete, and rearrange the vehicle’s images easily by clicking the “upload/insert image” button again. Remember, all your images associated with the current listing is in the “gallery” tab. Adding video (optional) Optionally you can add Youtube or Vimeo video to a listing. The theme will show a thumbnail of the video, and when clicked, it will open up in a lightbox and play. You can add as many videos as you like. To add video, you need to enter the Youtube or Vimeo URL in the corresponding section. If you want to include multiple videos, enter each URL on a new line. You also need to add an image that will show as the video’s thumbnail. This can be any image, including a video screen capture, or even just a photo. Enter the URL to the image in the “Video thumbnail image” section. If you have multiple videos, enter each image on a new line. Entering Manufacturer information In the Manufacturer section, enter the Automobile Name, preferably including the model year. For example: 2005 Toyota Corolla. Primary Search Manufacturer From the Primary Search Manufacturer, choose the Manufacturer name from the dropdown. (You customize the dropdown items in the Theme Options page). Enter the Secondary Search Manufacturer name (optional). For example, if it’s a Toyota Corolla, type in “Corolla” Choose a manufacturer from the “Primary Search Manufacturer” dropdown list. This chosen manufacturer name will be used when people “Search” for vehicle listings. The manufacturers in this dropdown are defined in Theme Options. By default the theme comes with a few popular manufacturers. You will no doubt need to edit this list in the Theme Options. Click here for details on customizing the Primary Search Manufacturer dropdown list. Secondary Search Manufacturer In the demo site, when you do a search, and you choose a Manufactuere, after a couple seconds, a secondary dropdown list appears with more specific model names. This is called the “Secondary Search Manufactuere”, and is optional. You may want it if the first manufacturer dropdown’s scope is too large. By default, and as demonstrated in the demo, when you choose a “Manufacturer” from the first Manufacturer dropdown, a second dropdown appears with a list of models from that chosen manufacturer. By all means, you can customize this to your needs. Click here for details on customizing the Secondary Search Manufacturer dropdown list. If your Primary Search Manufacturer is already specific enough, and you don’t want or need a Secondary Search Manufacturer, then you can disable it. To disable it, in Theme Options, go to “Enable Secondary Search Manufacturer” and choose “Disable”. Click here for details on customizing the Primary Search Manufacturer and Secondary Search Manufacturer dropdown lists. Automobile Information Most of these settings are self explanatory, but I will explain things that need more explanation. Body Type Choose a body type. The list of types is defined in Theme Options. This setting is used when site visitors search by Body Type. Last Step… Click on the Publish button! [/toggle] [toggle title="Creating a news/blog post"] Creating a regular news/blog/whatever post couldn’t be simpler. Simply add a new “Post”. Type in a title and body text. Setting a Featured Image You can have a “Featured Image” for your posts. This image will show up as a small thumbnail or full width image depending on the page view. The image is added with WordPress’ “Featured Image” feature. Click “Set featured image”, and the rest is self explanatory. The last step is putting your post in the correct category. In the Categories section, put your post in your desired category (i.e. Blog, News, or even both!) Then click on the Publish button. [/toggle] [top] Setting up the Search Box The Automotiv theme features an advanced search box where you can perform a specific search for a vehicle based on manufacturer, engine size, transmission, minimum, maximum price, and body type. The Maufacturers, minimum price, maximum price, and Body Type need to be configured. This page details how to do that. [toggle title="Manufacturer"]Searching by manufacturer is quite powerful. Before going through this, please check out the theme demo to review how it functions. This tutorial will make more sense. When you click on the main “Manufacturer” dropdown, a dropdown of all the models from that manufacturer appears. In this documentation, i refer to the first Manufacturer dropdown as “Primary search manufacturer”, and I refer to the second manufacturer dropdown as “Secondary search manufacturer”. Keep in mind that the Secondary Search Manufacturer is optional, and is only needed if your Primary Search Manufacturers are large in scope. For example, if you don’t have a need to show the automobile models from a chosen manufacturer, then you can disable the Secondary Search Manufacturer in Theme Options. Customizing the Primary Search ManufacturerIn Theme Options, in the General section, you will see a section to enter your Primary Search Manufacturers. By default you’ll see only a few popular manufacturers. You will definitely need to add/edit that list. Enter each manufacturer on a separate line, and be sure to not have any blank lines at the end. If you will only have the Primary Search Manufacturer (not the Secondary Search Manufacturer), then in Theme Options, in the General section, be sure to “disable” the Secondary Search Manufacturer. Adding Secondary Search ManufacturersFirst, in Theme Options, in the General section, be sure to enable “Secondary Search Manufacturers”. This part is relatively tricky, so I think the best way to learn how this works is to look at the demo. As an example, lets choose Ford as a manufacturer from the Search. When you choose Ford, a secondary listbox appears with Ford models. Where are the various Ford models stored? They are in a folder called /secondary_search_manufacturers, right in the root of your site. Go in that folder, and you’ll see a few javascript files. One for each manufacturer. The models for Ford are in the ford.js file. Open that file. You’ll see each model is on it’s own line. It should be self explanatory as to what you need to edit and add just by seeing the existing code. The key here is that each javascript file must be in the /secondary_search_manufacturers folder and must have the EXACT SAME NAME (case sensitive) as it’s name in the Primary Search Manufacturers list that you set in Theme Options. [/toggle] [toggle title="Customizing the Max Price, Min Price, Model Year, and Mileage"]You will need to specify the minimum and maximum automobile prices to be used in the advanced search, as well as the Model years and Mileage. For this, you will need to edit some HTML. But it’s easy since you’re just replacing the demo numbers with your own. Open the /includes/custom/customsearchformfields.php file. You’ll see the html that makes up all the dropdown lists in the Search box. Edit the values as you need. Note for Min Price and Max Price: for the “value”, make sure the numbers do NOT include decimals, commas, or currency symbols. And for the number between the tags, you CAN include commas and decimals, but do NOT include the currency symbol. That is added automatically.[/toggle] [toggle title="Editing the Body Types"]By default, the Search allows you to search by Body Types of SUV, minivan, coupe, sedan, etc. But you can easily edit this list. In Theme Options, in the General section there is a section to edit the “Body Types”. Just enter each one on a new line and make sure there are no blank lines at the end.[/toggle] [toggle title="Customizing the Search Parameters"] The Search box requires the first three dropdowns of “Manufacturer”, “Min Price” and “Max Price”. Those cannot be changed and are required. But the next 3 dropdowns can be chosen. You can choose any 3 of the following: Body Type Engine Size Mileage Transmission Model Year 3 is the magic number because any more and they wouldn’t fit in the Search box. To choose which 3 go where, go to Theme Options (General section). Select a choice from “Search Parameter 1″, “Search Parameter 2″, and “Search parameter 3″. [/toggle] [top] Setting up the Footer (widgetized areas) The footer is entirely made up of 4 Widgetized areas. When you go to Appearance -> Widgets, you’ll see Footer1, Footer2, Footer3, and Footer4. Here is how we set up the demo footer: Footer1 We dragged in the “Recent Posts” widget into this Widget area. Footer2 This is a standard Text Widget. Drag a Text Widget in there and give it a title, for example “Business Hours”. For the content of the text, copy this and paste it in: Monday10am to 9pm Tuesday10am to 9pm Wednesday10am to 9pm Thursday10am to 9pm Friday10am to 9pm Saturday10am to 5pm SundayClosed Footer3 The Google Map is actually a Text Widget. You’ll need to go to http://maps.google.com and find your business location. Then click on the button called “Link” in the top right of the screen. Then click the “Customize and Preview embedded map” link. In the window that pops up enter a custom size of Width: 200 and Height: 150. Then copy the code at the bottom to the clipboard, and then paste it into your text widget. Footer4 The fourth and last footer widgetized area uses the “Contact Us” widget. Drag it into the Footer4 widget area, and fill in the textboxes with your contact information. [top] Setting up the Contact Us Page The contact form is made possible by the fantastic Contact Form 7 plugin. Once installed and activated, go to its Control Panel (bottom left of the wp-admin dashboard). You can configure the form however you like, or just keep the defaults. When it’s all set up, copy the shortcode at the top of that page. Create a new “Page”, and set the Template to “Contact”. Enter a page title, and some optional body text. In the body of the post, PASTE the shortcode that you copied. Publish the page, and you’re done! This Contact Us page will not show in the main menu by default. You have to add it to the menu using the Appearance -> Menus feature of wp-admin. [top] Setting up “Browse” in the menu To better understand what I’m talking about, please check out the demo site’s main menu. There is a “Browse” item. When you hover over it the dropdown shows that you can browse listings according to ‘Body Type, ‘Price Range’, ‘Transmission’, ‘Manufacturer’, and ‘Engine Size’. This is an alternate way to find a vehicle listing if you don’t want to perform an actual Search. In the right column of each Automobile Listing post are sections for ‘Manufacturer’, ‘Engine Size’, ‘Transmission’, ‘Price Range’, and ‘Body Type’. I said in a previous page that these sections are optional, and only required if you want to be able to browse by these categories (WP calls them Taxonomies). On a fresh theme install, these taxonomy groups will be blank, unless you install the XML file as explained in the Getting Started section. You will need to populate them with values. You can add them right in the Listing Post right sidebar, or in the left sidebar (Under Vehicle Listings you’ll see Manufacturer, Engine Size, Transmission, Price Range, and Body Type). Once all your taxonomy items are added, you simply check off the appropriate one for each Vehicle Listing post. For example, if a Ford with Manual transmission, with an engine size of 2.2L, that costs $11,000, and is an SUV, you could check off the following: Manufacturer: Ford Price Range: $10,000 – $15,000 Engine Size: 2.1K – 3.0L Transmission: Manual Body Type: SUV Note: Setting these DO NOT affect the search engine at all. The search engine looks at the other Vehicle Listing post data. Checking off these items is ONLY if you want to browse by them in the menu. Now to add the Browse by items to the menu bar: There are many ways you could add the items to the menu, but here is what “I” did in the demo: I created “Pages” called: Browse Browse by Manufacturer Browse by Engine Size Browse by Transmission Browse by Price Range Browse by Body Type In Appearance -> Menus, add the “Pages” that you made to the menu. I arranged them so the “Browse By…” pages were indented under the “Browse” Page. Note: If your “Taxonomy” groups are not displayed on the left side of the screen, they are probably hidden. Clic on the “Screen Options” button on the top right and make sure they are checked. On the left check off all the Manufactureres, Engine Sizes, Transmissions, Price Ranges, and Body Types, and add them to the menu. Drag them to its corresponding Page that you made in the previous step. Don’t forget to click the Save button when you’re done! [top] ‘All Vehicles’ Link in the menu In the main menu, under the ‘Browse’ menu is a menu item called ‘All Vehicles’. Not surprisingly, when you click it, you go to a page listing all the vehicles in the site’s inventory. The result is similar as to doing a regular Search with all the default settings. To set this up, first, you need to find the URL that goes to your Search Results page. For example, mine is this: http://www.buchmanndesign.com/automotiv/?page_id=12 To find the URL, go to your list of Pages. Find the Search Results page (you made this in the Getting Started section of the documentation), and hover over the “view” link. In your status bar, you’ll see the URL. If you right-click on the link, you should have an option to copy the URL to clipboard. Now in Appearance > Menus (new WP 3.0 feature), go to the Custom Links section. Paste the URL that you copied. Name the link something. Add it to your Header and/or Footer menu. Drag it to where you want and then save. In the demo I placed this inside the Browse menu, and also as a main item in the footer menu. [top] Customizing the Slideshow The Theme Options (link is located at the bottom left of the wp-admin Dashboard) has all your settings for controlling the homepage Slideshow. This theme automatically pulls vehicle listings to be displayed in the slideshow. You can limit the number of slides in the slideshow by entering a number in the “Slideshow Quantity” setting. You can also change the slideshow transition style, Slideshow Order, and Slide Interval Length. All the settings should be self explanatory. [top] Changing the Color Skin You can change the color skin to be virtually anything!! All the background colors, gradients and highlights will adjust to fit your chosen color. You don’t need to change the color in a PSD file, slice it up, etc. To change the color skin, go to Theme Options. It’s the first setting in the General section. Simply enter the HEX value of the color you want. Sorry, the Theme Options doesn’t have it’s own color picker, but this link will help you out: http://www.boallen.com/hex-color-code-generator.html. Simply find the color you want, copy it to the clipboard and paste it into Theme Options. The headings on the whole theme will also change to your skin color. If your chosen skin color is very light, then some heading text will be difficult to read against a light background. In this event, the next Theme Options setting “Alternate Text Color Scheme” is there to help out. Choose a darker color so that text will show up better against the light background. [top] Modifying the CSS The main CSS style is style.css, which is located in the root folder. You can modify it, however, if you ever upgrade to a newer version of the theme, all your changes to style.css will be replaced with the new version. Probably not what you want. So instead of modifying the style.css file directly, you can modify it in a safer way 2 ways: CSS setting in Theme Options You can modify the CSS that affects globally all the pages in the site in the Theme Options. In the General section, there is a setting for CSS. You can put in your custom style in there. If you want to override something in style.css, then simply enter the same exact selector as used in style.css, and then add or modify any of the properties. [top] Custom Shortcodes This theme has a bunch of custom Shortcode tags that makes adding multiple text columns, toggle boxes, text button, etc. a breeze. This page explains all the included Shortcode tags with examples. Note: adding Shortcodes requires you to be in HTML mode. Also, if your text appears too small, that is because your next is not wrapped in HTML paragraph tags. You will need to be in HTML mode and manually put in paragraph tags. (the Wordpress editor often adds its own paragraph tags, or doesn’t, and one has little control over this. So if your text is too small, go into HTML mode and wrap your text in paragraph tags.) Multiple Text Columns Adding multiple columns of text is a snap with the “columns” shortcodes. As an example, to add 4 equal width text columns that span the width of the site, add this to your page (in HTML mode): [one_quarter]first colum text[/one_quarter] [one_quarter]2nd colum text[/one_quarter] [one_quarter]3rd colum text[/one_quarter] [one_quarter_last]4th column text[/one_quarter_last] The Multiple Columns sample page has visual samples plus sample code. A couple important things to note here is that you need to surround your text with HTML paragraph tags. And I don’t know why, but you actually do need that extra line break between columns. Toggle boxes [toggle title="Click me to see a toggle box in action"]It’s so simple to add one of these to you posts or pages. [toggle title=”Clickable text for the toggle box”]Text that appears when you click the title[/toggle][/toggle] Link Button You can make a link into a button that matches your color scheme. The shortcode tag for this is: [button URL=”http://www.sample.com”]Button Text[/button] The result would look like this: [button URL="#"]Button Text[/button] Drop Cap You can make the first letter of any paragraph a dropcap with the following code: [dropcap]O[/dropcap]nce upon a time in a land far far away… The result would look like this: [dropcap]O[/dropcap]nce upon a time, in a land far far away… Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Highlight You can highlight text by changing the background and foreground color of text. You can define up to 2 highlight colors in Theme Options (Miscellaneous section). The colors are designated by the Shortcodes “highlight1″ and “highlight2″. This is some [highlight1]text to highlight[/highlight1] This is some [highlight2]more text to highlight[/highlight2] The result would look like this: This is some [highlight1]text to highlight[/highlight1] This is some [highlight2]more text to highlight[/highlight2] Pull Quote You can make any text become a pull quote which makes it a box, aligned to the left or right, with surrounding text flowing around it. The shortcode tag for this is: [pullquote_left]Sample text[/pullquote_left] [pullquote_right]Sample text[/pullquote_right] Horizontal Divider Line This code adds a subtle divider line on the page: [line] Which results in a line like this: [line] Back to Top Link This one is simple also. It adds a “go to top” link which animates smoothly to the top of the page. [top] Which results in a line like this: [top] Clear This is one of the most helpful Shortcodes, and is not even visible. Sometimes your content wraps around a floated object (like an image), but you just want the content to start after the image because it’s a new paragraph not related to the image. Simply add this shortcode before your new content: [clear] [top] Multicolumn Text Layout This theme supports a multi-columnn layout with the use of special “Shortcodes”. Also note that this page is using a “full width” page template, which means that the sidebar is gone. You can only add multi-columnn text like this to pages with the Full Width page template. As an example, here is a 2 column text layout with equal size columns: [one_half]first column text[/one_half] [one_half_last]2nd columnn text[/one_half_half] [one_half]Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor [/one_half] [one_half_last]Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor Lorum ipsum dolor [/one_half_last] Click here for all the column layouts with a page or post that is full width (no sidebar). Click here for all the column layouts with a page or post that has a left or right sidebar. [top] Page Templates This theme includes a number of Page Templates. When you create a “page”, you can choose from one of these templates. “Contact Us” Page template “Left Sidebar” Page template “Right Sidebar” Page template “Left and Right Sidebar” Page template

admin — Thu, 02 Sep 2010 19:11:05 +0000

admin — Fri, 03 Sep 2010 04:47:41 +0000

admin — Fri, 03 Sep 2010 04:47:42 +0000

[contact-form 1 "Contact form 1"]

admin — Fri, 03 Sep 2010 04:47:42 +0000

screenoptions1

admin — Fri, 03 Sep 2010 16:56:23 +0000

screenoptions2

admin — Fri, 03 Sep 2010 16:57:24 +0000

Honda Accord DX 2.4 Sedan

admin — Fri, 03 Sep 2010 17:51:59 +0000

Honda Accord DX 2.4

admin — Fri, 03 Sep 2010 17:55:31 +0000

honda02

admin — Fri, 03 Sep 2010 17:57:44 +0000

interior01

admin — Fri, 03 Sep 2010 17:57:47 +0000

interior02

admin — Fri, 03 Sep 2010 17:57:49 +0000

interior03

admin — Fri, 03 Sep 2010 17:57:52 +0000

interior04

admin — Fri, 03 Sep 2010 17:57:54 +0000

Honda Accord DX 2.4 Sedan

admin — Fri, 03 Sep 2010 18:00:02 +0000

Central Door Locking (Remote )
In Car Entertainment (Radio/Cassette)
Seating Capacity (Four Seats)
Mirrors External (Manual)
Air Conditioning
Alloy Wheels (upgraded 17?)
Alarm (Remote Control)
Air Bag Side (Driver/Passenger)
Power Socket (Rear )
Adjustable Steering Column/Wheel (Reach)
Seat Height Adjustment (Driver)
Head Restraints (Front/Rear)

Electric Windows (Front)
Speakers (Six)
Immobiliser
Anti-Lock Brakes
Power-Assisted Steering
Body Coloured Bumpers
Traction Control System
Upholstery Full Leather
Air Bag Driver
Air Bag Passenger
Xenon Headlamps

customizesearch

admin — Fri, 03 Sep 2010 18:46:12 +0000

All Vehicles

admin — Fri, 03 Sep 2010 20:00:30 +0000

porsche02

admin — Tue, 07 Sep 2010 18:34:23 +0000

aaa

admin — Tue, 07 Sep 2010 18:34:28 +0000

ford04

admin — Tue, 07 Sep 2010 18:34:52 +0000

bbb

admin — Tue, 07 Sep 2010 18:34:57 +0000

ford02

admin — Tue, 07 Sep 2010 18:35:19 +0000

ccc

admin — Tue, 07 Sep 2010 18:35:23 +0000

admin — Fri, 24 Sep 2010 19:56:43 +0000

admin — Fri, 24 Sep 2010 19:56:44 +0000