Basics

Basic settings for the Theme

While logo setup appears in the Setup wizard. You can set the logo in Customizer - Site Identity. You can also set a width of your logo, based on width the height is automatically adjusted according to the image aspect ratio.

Setting Menus

Primary Menu

This is the menu which appears for desktop versions of the site. This is a really powerful menu as it comes with an inbuilt mega menu.

Method 1 [ Does not support mega menu creation ]

Simply head over to customiser and create a menu and assign it to the Primary menu location.

Method 2 [ Supports Mega menu creation ]

a. Go to WP admin - Appearance - Menus

b. Create a new menu and assign it to Primary menu location

Setting icon in menu items

Menu item icons are supported in the theme. Edit any menu and you will find "Select ICON"

the select icon will show the list of inbuilt icon set. You can also set a custom SVG icon in its place. This also works in the App page or the members area.

You will be able to create mega menus only on the first level menu items. To activate mega menu, you will find the switch activate mega menu.

Mega menu creation is easier while editing a menu. Create a menu, add items, save it and then you will find mega menu items for editing.

See following videos

Mobile Menu

On mobile devices a different menu is shown to the users. This menu is connected at the Mobile menu location. This menu does not support any mega menu but does support icons and drop-downs.

Footer

Footer can be built using Gutenberg's inbuilt template or using a Widgetised area. Where different widgets are displayed in the footer.

To activate a Widgetised footer, you can enable Widgets

After this you will need to add widgets in the WP admin - Appearance - Widgets - Footer Widget area. The default columns you set in the above screen is for each widget after which widgets start repeating one below another.

Each widget can be further customised to add its own column span which adds further customisation option.

App Page

This is the page which creates a membership area in your site.

Setting up

  1. Create a new blank page

  2. Add 2 shortcodes in this exact sequence :

[vibebp_login]
[vibebp_profile]

3. Set page template as "VibeBP App"

4. Publish the page.

Set as BuddyPress single page.

  1. Go to WP admin - Vibebp - settings - General

  2. Locate setting BuddyPress single page

  3. Set this page and save vibebp settings.

Fonts & Colors

Theme's primary color is really important. You can set up the colors and fonts in the options panel.

Configure fonts. You will need first select fonts and save it for application.

Customizing App Page

PreviousTranslationsNextMember Types

Last updated