goov_vibes_aw.png

HOME

BUY NOW!

Easy to Use

Good Vibes theme is easy to use. You only need to use one page type for your site. The concept of this theme is to have all your pages of your website compressed into one page. Isn't that great? You don't need to transfer to other pages or wait  for the pages to load. It saves you time and gives your website a new different feel. It only takes ONE page.

Page Types

 Good Vibes has two superb page types for you to use. Home page type does it all, it has 6 sections to manipulate. Every section is designated to your navigation menu. If you want more sections then we have Home Complex for you which has 10 sections and thats wonderful!

Fully Responsive

The entire theme automatically adjusts the layout depending on the size of the browser, so your website looks fab on large widescreen monitors and small smartphone screens. It looks beautiful on iPhone, iPad, and Android, no sweat. The navigation menu is even responsive. Very smart!

Expert Support

We stand behind our add-ons & themes. If you have a post-sale question, just open a support request via the Concrete5 marketplace and we'll respond quickly. Or for a pre-sale question, just send us a Private Message (PM) via the Concrete5 website.

Featured Custom Block Template: GV Image Caption

Good Vibes has a cool custom block template image caption for you. It will give your images a sleek and edgy appearance. For more details on the custom block template visit the Block Template section.

White Classic Car

Violet Muscle Car

DIRECTIONS

1. Use HOME or HOME COMPLEX page type.

2. HOME page type is composed of 6 SECTIONS while HOME COMPLEX page type is composed of 10 SECTIONS.

3. SECTIONS are equivalent to your regular WEBSITE PAGES. (see section and navigation mapping below)

4. You still have to create your website pages in full sitemap (see sample navigaiton below) in order for you to have a navigation menu in your site. No need to edit the pages that you have created in full sitemap. All editing will be done per section on your Home page.

5. Use C5Extras Long Scroll Navigation Menu Block at the top of your HOME page.

6. EVERY SECTION in the C5Extras Long Scroll Navigation Menu Block corresponds an item in your navigation menu.

7. Every section can be determined with their area name ending in numbers. (see below)

SAMPLE SECTION AND NAVIGATION MENU MAPPING

SECTION 1 - DEFAULT HEADER/HOME

SECTION 2 - PAGE TYPES

SECTION 3 - STYLES

SECTION 4 - TYPOGRAPHY

SECTION 5 - DASHBOARD

SECTION 6 - CONTACT US

SECTION 7 - NEXT NAV ITEM 

SECTION 8 - NEXT NAV ITEM 

SECTION 9 - NEXT NAV ITEM 

SECTION 10 - NEXT NAV ITEM 

 
SAMPLE NAVIGATION EDITOR

CUSTOMIZATION

Here's a list of elements that can be customised in the Dashboard Customize Theme are:

HEADER

NAVIGATION

SECTION 1 to 10

FOOTER

BLOCK TEMPLATE

Good Vibes includes 2 custom block templates:

Image Caption: GV Image Caption

Page List: GV Thumb Blog

Image Caption

This custom block template provides your image a sleek caption. You need to download first this free add-on Image Captions in the concrete5 marketplace to be able to enjoy the custom block template.

White Vintage Car

Violet Muscle Car

Page List

The "GV Thumb Blog" custom block template is designed for use with a blog-style page. Alternatively you could use it for a news-style page or anything else you wish. It will display an automatically resized image along with the page name (linked), published date and short description. This custom block template is designed to be responsive so it will adjust itself automatically on smaller browser screens.

The image is added using a custom page attribute. You can assign an image from your File Manager to a particular page via the Dashboard File Manager. Simply click a page and choose "Properties" followed by "Custom Attributes". Locate the attribute called "Page Thumbnail" and click it. This will add the attribute to the list on the right ready for you to use. Now click this attribute to pick an image from your File Manager. Easy!

Here's an example (the links don't actually go anywhere useful in this example):

  • Sample Blog Post

    Sample Blog Post

    Jul 15, 2012

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id sapien sit amet massa elementum lobortis quis non purus. Etiam convallis, orci sit amet bibendum feugiat, ipsum eros malesuada nisl, vitae blandit justo dolor dignissim justo.

  • Another Blog Post

    Another Blog Post

    Jul 16, 2012

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id sapien sit amet massa elementum lobortis quis non purus. Etiam convallis, orci sit amet bibendum feugiat, ipsum eros malesuada nisl, vitae blandit justo dolor dignissim justo.

  • This Isn't A Real Blog

    This Isn't A Real Blog

    Jul 18, 2012

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris id sapien sit amet massa elementum lobortis quis non purus. Etiam convallis, orci sit amet bibendum feugiat, ipsum eros malesuada nisl, vitae blandit justo dolor dignissim justo.

How to apply a custom block template?

When you have your page in edit mode, click the block you wish to manipulate. From the pop-up list, choose "Custom Templates". This will display a list of available custom templates. Simply choose the appropriate one and click "Save". Done!

TYPOGRAPHY

The Good Vibes theme uses CSS3 Font 'Caecilia' for a beautiful font style that is cross-browser compatible. Below is an example of this theme's formatting for the most common HTML elements.


Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Paragraph text

Curabitur faucibus risus quis lectus. Donec vehicula. Pellentesque nec, lectus. Bold. Nullam dictum sem. Italic. Phasellus varius. Underline. Vestibulum in felis in mauris consequat molestie. Strikethrough.

Blockquote

Praesent orci nisi, interdum quis, tristique vitae, consectetur sed, arcu. Ut at sapien non dolor semper sollicitudin. Etiam semper erat quis odio. Quisque commodo suscipit velit. Nulla facilisi.

- Duis justo quam

Lists

Unsorted list

  • Blandit in, interdum a
  • Ultrices non lectus
  • Nunc id odio
  • Fusce ultricies

Ordered list

  1. Blandit in, interdum a
  2. Ultrices non lectus
  3. Nunc id odio
  4. Fusce ultricies

Definition list

title
definition
definition
title
title
definition
title
definition

Tables

Data table

Property 1Property 2Property 3Property 4
Value 1.1 Value 1.2 Value 1.3 Value 1.4
Value 2.1 Value 2.2 Value 2.3 Value 2.4
Value 3.1 Value 3.2 Value 3.3 Value 3.4