Logo 

Attachment ID or URL

Here you should select main website logo. It is displayed on pages next to the menu, on preloader screen and on sticky header.

Alternate Sticky Header Logo

Attachment ID or URL

Here you should select website alternative logo.

This is usually light version of logo (which is supposed to be used on dark backgrounds). The logic is this:

1. If you do not have Alternative logo defined, main logo will be used in all cases
2. If you have Alternative logo defined, it will be used on top of the page when Content Below Menu and Sticky Header options are activated. This set up will also change the color of menu and widgets to light.

Primary Accent Color

Hexadecimal color code or color picker

Accent color is used as a color for links, icons, etc. If you define it, the accent color will influence the general color scheme of the site.

Secondary Accent Color

Hexadecimal color code or color picker

Another color which influences general color scheme of the site is alternate color. Alternate color can be assigned as a color for buttons, icons, etc. If you define it, all elements with assigned alternate color will be affected.

Page Background

Attachment ID or URL

Page background image is a static image which serves as a site background if defined.

Hide Default Headline

True / False

This option enables you to display navigation breadcrumbs at the top of the screen. In most user scenarios this option should be set to true (checked).

Deafult Headline Supertitle Outside of H Tag

True / False

Select if supertitle in default headline will be in H tag or not.

Template skin

Dark / Light

This is another option which influences general color scheme of the site. Bello features two general skin styles – light and dark. The light skin has white colored background and dark colored main font and other ui elements. On the other hand, dark skin has dark colored background and light colored fonts.

Sidebar

No Sidebar / Left / Right

This option enables you to define if the sidebar will be visible globally or not.
By customizing this option, user can globally enable (place it on the right or left side) or disable sidebar. Sidebar content can be edited under Appearance > Widgets (from main WordPress menu).

You can choose one of three predefined sidebar layouts:

1. No Sidebar – No sidebar is displayed
2. Left – Sidebar is displayed on the left side of main content
3. Right – Sidebar is displayed on the right side of main content.

Page Width

Default / Boxed

This option enables you to define if the page width will be full width (default) or boxed.

Use Dash in Template Headlines

True / False

This option enables you to define if separator will be used below the widget titles or not. By changing this option, users can globally enable or disable the separator in widgets. Please check this option if you want to use separator in widgets.

Disable Preloader

True / False

This option enables you to define if the preloading animation will be displayed globally throughout the site or not. By changing this option, users can globally enable or disable the preloader animation.

Preloader Text 

Any text

This option enables you to define the text on preloading screen. The preloader needs to be enabled in order to see the effect of this option.

Custom JS

Custom JS code

This option enables you to define global Custom JS code. Enter any JS code you want here and it will be embedded in the element of all pages throughout the site.

This is where you should paste your custom site wise JavaScript, such as Google Analytics script.

Reset Theme Settings

This is not really a setting, so no override. Reset button will just reset all global settings to default values.

You’ll see the changes in the preview panel to the right. When you’re done, click Save and Publish.

Logo Height (in px)  

In pixels

Adding the required px number logo will decrease/increase.

Menu Type

Horizontal Left / Horizontal Centered / Horizontal Right / Horizontal Left Below Logo / Horizontal Right Below logo / Horizontal Center Below Logo / Vertical Left / Vertical Right

Bello theme features numerous header layouts giving you a great degree of freedom when it comes to customization of your site. The menu type options include:

1. Horizontal Left menu:

2. Horizontal Centered menu:

3. Horizontal Right menu:

4. Horizontal Left Below Logo:

5. Horizontal Right Below Logo:

6. Horizontal Center Below Logo

7. Vertical Left:

8. Vertical Right:

Header Style 

Transparent Light / Transparent Dark / Accent + Dark / Accent + Light / Light + Accent / Light + Dark

1. Transparent Light:

2. Transparent Dark:

3. Accent + Dark:

4. Accent + Light:

5. Light +  Accent:

6. Light + Dark:

Boxed Menu

True / False

Boxed menu means that the header content (including menu) will be fitted into the page wrap of 1336px.
If the menu is boxed it will be fitted into this width. If it is not boxed, that means that it will be streached across entire viewport.

Show Content Below Menu

True / False

This setting provides another header layout option. If the content flows below menu, the menu will be over the top section of the page.

If this option is set to false, the menu will be above the top section.

Check if you want to show content below menu.

Use Sticky Header

True / False

Sticky header will stay at the top even when you scroll down the page. Make sure to check this option if you want the sticky menu active.

Hide Menu on Load

True / False

Bello theme allows you to hide (collapse) the menu. This means that the menu is going to be initially collapsed. The user can always expand it by clicking on the menu icon.

Use Dark Skin in Footer

True / False

This option allows you to define the overall color scheme of the footer area.

Available options are:

1. Light – this will set the main footer color scheme to light:

2. Dark – this will set the main footer color scheme to dark:

Custom Footer Text

Any text

Any text entered here will be shown in footer, e.g. copyright notice.

Footer Page

Bello has a unique way of enabling you to create custom footer pages. You can create a static page, add content to it and set desired global settings overrides. Then you can use it as a template for all pages.

Select your footer page from the dropdown, and footer on all pages will inherit settings and shortcodes of the referenced page.

Body Font

No Change / Any Google font

Body text font. Using this setting you can set the main font family that’ll be applied throughout the website. Bello uses Google webfonts.

Heading Font

No Change / Any Google font

Heading text font. Using this setting you can set the font family for Main Headings.

Heading Supertitle Font

No Change / Any Google font

Heading Supertitle text font. Using this setting you can set the font family for supertitles in Main Headings.

Heading Subtitle Font

No Change / Any Google font

Heading Subtitle text font. Using this setting you can set the font family for subtitles in Main Headings.

Menu Font

No Change / Any Google font

Using this setting you can set the font family for menus.

Button Shape

Hard Rounded / Soft Rounded / Square

1. Hard Rounded:

2. Soft Rounded:

3. Square:

Grid Gallery Columns

2 / 3 / 4 / 5 / 6

Here you can define the number of columns for grid gallery on single posts. On this example, three columns were set.

You can set the post grid gallery format by choosing Gallery as Post format, add the images to the post in the settings panel and check the Grid Gallery setting.

Grid Gallery Gap

No gap / Small / Normal / Large

You can define gap between grid gallery items in pixels using this setting. In the example above the gap is 10px. If you choose 0, the images will be “glued” to each other without any gap in between.

Archive Layout

Standard / Columns / Simple

Bello offers three layouts for blog archive pages – standard, columns and simple. Please take a look at the following examples of these layouts:

1. Standard Layout
2. Columns Layout
3. Simple Layout

This setting lets you choose default layout for all Blog archive pages.

Single Post Layout

Standard / Columns

Bello offers two layouts for single blog post pages – standard and columns. Standard layout features post content in one column while columns layout introduces two columns – one for featured image / grid gallery / video, and one for the content itself.

Here is the example of standard layout:

Here is the example of columns layout:

Show Author Name

True / False

This option enables you to set whether to display author name under post title or not.

Show Post Date

True / False

This option enables you to set whether to display post date under post title or not.

Show Author Avatar in List

True / False

Show Author Info in Post

True / False

Show information about author in single posts (you can add or update the text in Users > Your Profile > Biographical Info from main WordPress menu).

Listing Default Image

Attachment ID or URL

Default image will display if the Listing does not have featured image added to it.

Listings Currency symbol

Any currency symbol

Show Currency after Price

True / False

Price Thousand Separator

None / Comma / Dot

Required Title

True / False

Required Content

True / False

Required Excerpt

True / False

Required Thumbnail

True / False

When checked, fields will make mandatory for a user to fill in these fields in a Listing.

Show Author Review Summary

True / False

Enable Ratings in Comments

True / False

Show Social Logins

True / false

Enables login via Nextend Social login plugin.

Root Category Slug

Category slug

This field should contain the slug of the main Listings category.

Settings Page Slug

Page slug

Bello has a unique way of enabling you to create custom templates for individual Listings item pages. You can create a static page, add content to it and set desired global settings overrides. Then you can use it as a template for Listings item pages.

Listing Packages Page Slug

Page slug

This field should contain the slug of the page that lists all packages. When the slug is added, the button ‘Get new package’ on My Account panel will link to that page.

Listing My Account Page Slug

Page slug

This field should contain the slug of the My Account page in order to allow listing creators to upload images to their listing galleries.

Single List Header Layout

Standard / Standard and Review / Full Screen / Image and Map

Here you can define layout of the default headline in Single Listings. There are four layout options:

1. Standard

2. Standard and Review

3. Full Screen

4. Image and Map

Gallery Type Design

Grid / Carousel

Here you can define if the image gallery in Listing items will display as a Grid or a Carousel.

1. Here you can see an example of Grid gallery:

2. Here you can see an example of Carousel gallery.

Grid Gallery Columns

2 / 3 / 4 / 5 / 6

Here you can define the number of columns for grid gallery on Listing items. You can set the post grid gallery format by adding the images to the post in the settings panel and check the Grid Gallery setting.

Grid Gallery Gap

No gap / Small / Normal / Large

You can define gap between grid gallery items in pixels using this setting. If you choose 0, the images will be “glued” to each other without any gap in between.

Number of Nearby Listings

2 / 4 / 6 / 8 / 10

This field defines how many nearby listings will display in single Listings pages.

Nearby Listings from Category

Same as listing category / All listings categories

This field defines whether it will list nearby Listings from each category or from the same category as that Listing.

Enable Listing share on Facebook

True / False

Enable Listing share on Twitter

True / False

Enable Listing share on LinkedIn

True / False

Enable Listing share on Google Plus

True / False

Enable Listing share on VKontakte

True / False

Sharing options for Listings.

Use Dash in Headlines

True / False

Listing Search Type

Ajax / Standard

Here you can define if the search results will load through AJAX, or use a standard page reload on each click.

Search Pagination

Ajax Load More / Standard Pages

Default Listing Results Layout

Grid view / List view

Here you can define if the search results page will display listings as a grid or standard list.

Listings Results Grid Layout Columns

1 / 2 / 3

Number of grid columns on search results page.

Listings Per Page

Any number

Show only _listing_root category

True / False

Check this field if you want to show only custom fields from root category, when ‘All Categories’ in search form is selected.

Autocomplete Search Location

True / False

Here you can define if the searches will autocomplete or not (requires API Key and https).

*Note that, in order for the nearby listings to appear properly, and to be able to see listings based on geolocation, your site needs to use HTTPS protocol.

Choose Search Layout

With Map / Without Map

There are two options for search archive layout:

1. With Map
2. Without Map

Choose Map Type in the Frontend

Google Map / Leaflet Map / OpenStreet Map

Select if you’ll show Google, Leaflet, or OpenStreet map on frontend.

Google Map Localization

Any Language

Select the language in which you would like to show Google Map.

Choose Google Map Type in Listing Single View

Static Map / Dynamic Map

Select the type of Google map in single listing view. Static Map displays google map generated image with integrated pin, while Dynamic Map displays map widget with full google maps options.

Google Map API Key

API key

Please refer to the following article on how to get API key –  Get your API key.

In order to be able to fully use all Bello theme’s Google Map features, once you get an API Key, you need to enable four different API services on Google Cloud.

Please enable the following services:

1. Places API – enable this API to use autocomplete search by locations in the search shortcode or main listing search – https://developers.google.com/places/web-service/intro.

2. Geocoding API – to convert the position by longitude and latitude and calculate distance from the visitor and listing location. This is the process of converting addresses (like “1600 Amphitheatre Parkway, Mountain View, CA”) into geographic coordinates (like latitude 37.423021 and longitude -122.083739), which you can use to place markers on a map, or position the map – https://developers.google.com/maps/documentation/geocoding/start.

3. Maps Javascript API – To fully utilize google maps search, customization, etc. It lets you customize maps with your own content and imagery for display on web pages and mobile devices. The Maps JavaScript API features four basic map types (roadmap, satellite, hybrid, and terrain) which you can modify using layers and styles, controls and events, and various services and libraries – https://developers.google.com/maps/documentation/javascript/examples/.

4. Directions API – It’s a service that calculates directions between locations – https://developers.google.com/maps/documentation/directions/start.

Google Map Default Zoom Level

Any number

If there is only one location available, the map will be adjusted to that zoom level. The higher the number, the more will single location be zoomed in.

Default Latitude Value

Latitude value

Default Longitude Value

Longitude value

These fields should contain longitude and latitude of starting location, from which the radius will be calculated.

Google Map Pin

Attachment ID or URL

Google Map Pin Selected

Attachment ID or URL

Pins that will display when map location is not selected, and when it’s selected.

Enable Google Map Default UI

True / False

Enable Google Map Full Screen Control (if Default UI disabled)

True / False

Enable Google Map Scroll Wheel Zoom (if Default UI disabled)

True / False

Enable Google Map Street View Control (if Default UI disabled)

True / False

Enable Google Map Zoom Control (if Default UI disabled)

True / False

Enable Google Map Type Control (if Default UI disabled)

True / False

Enable Google Map dragging (if Default UI disabled)

True / False

Enable Google Map controls on the frontend.

Custom Google map style array

Map code

On Snazzy Maps are available all kinds of Google Map styles. The required map code is possible to add to the Custom map style array field.

Hide Google Map Features

JS code

Hide Google Map features style in the Listing Search with Google Map. More info can be found on the following link.

Choose OSM and Leaflet Map Style

Custom OSM Style / Style 1 - Mapnik OSM / Style 2 - Wikimedia / Style 3 - OSM Hot / Style 4 - Stamen Watercolor / Style 5 - Stamen Terrain / Style 6 - Stamen Toner / Style 7 - Carto Dark / Style 8 - Carto Light

Set a OSM and Leaflet Map Style by choosing one of the predefined ones.

Custom OSM Map Style

Custom map URL

Set a custom OSM map style by using a custom map URLs. More info can be found on the following link.