Okay
  Print

Bellevue - Bed & Breakfasts + Small Accommodations

Start here! Looking for more help or documentation? We’ve made some additional help for you! Please check out:Video tutorials http://bellevuetheme.com/tutorials/ FAQ: http://bellevuetheme.com/faq/Articles: https:// ...

Installing a Theme and Activation Steps Video This video will show you how to install and activate the Bellevue theme. This also applies to Entrepreneur, Stratus and Pursuit themes.

Page Builder (aka meta box builder) Overview How to add content using meta boxes You can add content just like you would in any WordPress website, the Content Editor is available for you on every page. If you want to add specialized content, like Testimonials, Slider ...

Video Tutorials and Guides for Bellevue Hotel + Bed and Breakfast Theme We have created a website to help you get started with Bellevue, the Hotel + Bed and Breakfast WordPress Theme. Check it out here: http://bellevuetheme.com/tutorials/

How to Update the Theme The latest versions of our themes can be download any time from your ThemeForest download page. First of all we recommend making a backup of your files and database when updating the theme, just in case even though it ...

Updating Master Slider When you purchase an item on ThemeForest, you receive a purchase code for the product you bought directly, but not for any products bundled with it. Master Slider uses auto-updates, but that requires a purchase code so y ...

How do I change or remove the logo? To add a logo The default logo that shows in the upper left corner is bundled with the theme. You’ll need to go under Appearance / Theme Options and look under the General Tab to find the areas where you can upload your ow ...

Translating the theme into a different language. We wrote a few guides to help you. We recommend: WPML (paid) - For creating translations of your content and theme strings.WPML Flags in Top MenuInstalling & Setting up WPMLPolylang (Free) - For creating transla ...

Adding Rooms or Portfolio Projects Video This is a video overview of how to add a room to the Bellevue theme. Also applies to portfolio projects in the Entrepreneur and Stratus themes.

Changing Background Photos Video This video shows how to add background photos to sliders but also applies to page headers and many other meta box types.

Add WooCommerce to a booking calendar To add WooCommerce to a booking calendar you'll need to include the product ID as part of the shortcode. Here is a snippet from our documentation (scroll down to the heading 'WP Booking System'): Install WooCommerceMake su ...

Did we do something awesome for you? Let us know :) ...maybe we went above and beyond to help you resolve an issue or answer a question, maybe you're just in a giving mood...  If you haven't already, we would love to receive a 5 star rating from you, as it helps oth ...

Background colour for entire site. If you want to change the background color for the whole site, just leave all the individual metabox background colour settings blank and then add this custom css to theme options / general / custom css :) and choos ...

Show room price and info on touch / mobile Sometimes you may want to display the rooms price and info for mobile or touch as these devices do not have a hover state. Here is some custom css to help you customize. @media (max-width:767px){ .room-center{ opacit ...

Using Modal window / Lightbox with a button, shortcode or image link Video Play Button Modal Shortcode You can use the Video Lightbox Button from the shortcode generator which outputs a nice play icon. [video_play src="https://www.youtube.com/embed/4AZR8a5XVSs" ...

Minimum Days Required - WP Booking System To use minimum days required, click on the 'Add Calendar' in the content editor toolbar. http://new.tinygrab.com/6407caa59eb3dbbea3f902284c7bded77fc2280a5e.pngthen choose 'minimum days' from the modal window.http://new.tinygr ...

iCal Syncing with WP Booking System If you want to import iCal into Google Calendar, then you'll love this new feature on WP Booking System.First you'll need to have copy of Belleuve which comes bundled with the WP Booking System. Once installed you can go to W ...

Loading accordions with a closed state By default the first accordion will load open, sometimes you want this to be closed....We're using Bootstrap 3 and by default it expands the first box in the list. There would be a way to disable it but it would be as customi ...

Changing the rooms slug, url, permalink There is a theme option setting to customize the permalink (aka url, slug) for the rooms custom post type.1) go to theme options / rooms / and change the "Rooms Custom Slug" like so: http://new.tinygrab.com/6407caa59e22d9244a ...

Hide Shopping Bag / Cart icon If you don't want the icon to appear, you can deactivate WooCommerce if you aren't using it and it will hide the shopping cart.  If you are using an updated version of the theme, you should noticed a theme options ...

Customization to show 2 rooms or 2 columns vs 3, 4 or 5. To show 2 rooms. Put this under Appearance / Theme Options / General / Custom CSS @media screen and (min-width:992px) { .rooms-row { width:auto; max-width:760px; margin-left:auto !important; ...

Photos included with demo import We ship the theme with placeholder images for two reasons: Many of the photos are protected by copyright because they are stock images. *Many web hosts experienced timeouts when we tried to include photos within the import. ...

Menu & Header customization A few people have asked for general customization to the header and menu. Although we do not provide customization as part of the theme support we will list some helpful custom css here to help get you going. If you would lik ...

Adding Google Tracking Code aka Google Analytics The best way to add Google Analytics is with a plugin. The Envato marketplace theme reviewers do not allow us to add a space for tracking code anymore as there are many plugins that can do this. Here is one that we use: ht ...

Translate Strings using Poedit This is based off the Entrepreneur theme so you'll need to adjust the folder for the .po file accordingly. Open poedit / 'Create a new translation'http://grab.by/NYaYChoose the .po file included with the themehttp://grab.by/N ...

Mobile Menu Dropdown Parent Link not Clickable With dropdown links in the navigation on mobile, if the parent link leads to its own page as well, our recommendation in that situation is to add a child link that leads to the same page as the parent link (eg. Shop > View ...

Polylang Error | Warning: Illegal offset type in isset or empty Warning: Illegal offset type in isset or empty in wp-content/plugins/polylang/include/cache.php on line 54Warning: Illegal offset type in isset or empty in wp-includes/pomo/translations.php on line 85Warning: Illegal offset t ...

Promoting from development to production For promoting from development to production we find tools like this one are amazing for migrating databases, then you don't have to do the find / replace bit: http://pixelentity.com/wordpress-search-replace-domain/ ...

Using Widget Logic Let's say you wanted to show the WooCommerce cart in a sidebar but only on the about page. You would add the WooCommerce cart to your sidebar and then at the bottom of the widget under the 'Widget Logic' header you would add ...

WPML Flags in Top Menu from WPML > "Language switcher options" section"Language switcher in the WP Menu" sub-section > tick the box "Display the language switcher in the WP Menu" and choose your mainmenu"Language switcher style" sub-section & ...

E-mail forms not sending / receiving Some Bellevue users have experienced an issue where email from the WP Booking system and also Formidable is not sending. Please ensure your web host has enabled php script allowing email to be sent form the website. Thank y ...

Sticky Header Logo Size Normally the logo is resized for the sticky header to move it up and out of the way allowing for more screen real estate. Sometimes though you may want the sticky header logo to be a bit larger or even the ...

Slow loading Flex Slider / JS Error This issue should be resolved with all of the newest versions of our themes, however on some installs the slider has a JS bug that causes the site to load slowly. To resolve, go to Appearance > Theme Options >&nbs ...

Adding JavaScript or jquery to metabox * Skip to options B and C for shortcuts..OPTION A 1) Install and Activate the Child theme (included in themeforest zip download). 2) Create a functions.php file and save it in the child theme folder. 3) add the f ...

Changing Colors in the Theme (and other style changes) General Colors From the WP Dash, under Appearance > Theme Options > Colors, there are two color inputs that affect many of the colors in the theme: Other Colors &  ...

Adding Calendar to Slider (Chalet Demo) Here is a screenshot of our settings under WP Dash / Bellevue / Sliders / Add New Button Tab (https://cl.ly/390J382q0w2U)show button checkedButton text: Book TodayButton link: http://demo.themovation.com/belle ...

Remove / Hide 'All' and / or Sort from the Rooms Filter Bar Add this to your custom css under theme options / general to hide All .rooms-filters a[data-filter='*'] { display:none; } Add this to your custom css under theme options / general to hide Sort ...

Email Form Notifications Adding and editing email notifications is managed in two areas depending on which plugin are you using. Formidable:  https://formidablepro.com/knowledgebase/email-notifications/ and WP Booking System: http: ...

Setting up a blog There are two ways to setup the blog. If you want the masonry style, then under Settings > Reading, ensure the page is not set as the Posts page. Then you can select the masonry or standard template under the page attribut ...

Limit to rooms shown | Max Rooms Sometimes you may want to show more than 10 rooms at once. There is an easy fix! If you go to settings / reading / and edit the show blogs at most setting, bump it from 10 to whatever you need. :)

Error message: Download failed. A valid URL was not provided. If you see an error message "Download failed. A valid URL was not provided." when attempting to install the bundled plugins, try disabling the child theme (if active) before instaling the plugins.

Using Custom Icons Even though Glyphicons includes over 1000 icons, there may be times when it does not include the one you are looking for. We've started some custom CSS that allows you to add your own icon for your web site. What you need to ...

Using the Slider Gallery Shortcode [slider_gallery] You can use the [slider_gallery] to add as many sliders as you wish.(You can also use the Master Slider plugin and shortcode as well) The easiest way to add a slider gallery is to add a normal gallery using WordPress Gallery ...

Page Header Background Settings. To help you replicate the demo, please install / import the demo content you can see a video of how to do this here: http://bellevuetheme.com/2015/09/09/wp-booking-system-manage-availability/If you are trying to add your own ...

Adding a custom metabox Warning: Advanced Topic. Please always make a full backup of your website before making any core customization to this theme. Sometimes you may want to add a custom metabox field and then have that display on a page o ...

Change the background colour to transparent for the sub menu. To make your sub menu drop downs transparent add this to your custom theme options / Theme Options / General / Custom css .navbar .navbar-nav .dropdown-menu { background-color: rgba(0, 0, 0, 0.5); } Cheers!

Installing & Setting up WPML Setup and Install WPML Download and install WPML Multilingual CMSIf not automatically redirected after install click on the WPML link in the admin sidebar.Choose your default language. (next)Site Languages - Enable the ...

Adding a Circle image or creating a circle crop. 1. Click on the image when editing your page and click on the pencil icon to edit. 2. from the advance menu add the circle class to the image css class section, save you changes. Cheers!

Hide comments section "You may use these HTML tags". This is from WordPress, you can edit the template file directly (please use a child theme) or you can hide it by putting the following under theme options / general / custom css: p.form-allowed-tags { display: ...

Seasonal Pricing What we've done is we have snapped the wp booking system into WooCommerce so that each calendar can be tied in with a product or in the case of a variable product, a sku. You can create one product in WooCommerce and choos ...

Rooms Sort Order We wrote some help on sorting here:  http://docs.themovation.com/bellevue/#metaboxsorting and http://docs.themovation.com/bellevue/#draganddrop and here is a little bit more about adding rooms. ...

Third level menu (aka sub, sub-menu) The theme currently supports two levels in the navigation, so a third level will not display. However I think a good solution is to use a dash or bullet point to denote a third level, like so: To get this e ...

How to find your Envato Purchase Code To get your Envato Purchase Code, follow the steps below: Login to your favorite Envato Marketplace (ThemeForest, CodeCanyon for instance)Once logged in, move your mouse over your username on the top rightClick on the menu ...

Optimal header image sizes and settings If you want to adjust your image more specifically, try unchecking parallax and play around withe the background settings so that you can pick a focal point, like center center. As an example of my page: http://demo.t ...

Change WooCommerce Add to Cart button text. Add this to your functions files inside your child theme. add_filter( 'woocommerce_product_add_to_cart_text', 'woo_custom_cart_button_text' ); // < 2.1 function woo_custom_cart_button_text() { return __( 'My ...

Custom Footer Colors Add this to your Appearance / Theme Options / General / Custom CSS For footer icon color. .footer a .soc-icon { color: rgba(240, 240, 240, 0.88); } and for hover state .foot ...

Adding Form to Slider (Hotel, Beachhouse Demo) Here is a screenshot of our settings under WP Dash / Bellevue / Sliders / Add New Button Tab: (nothing checked)Background TabBackground styling = CheckedColor = NoneBackground Image = Choose your imageRepeat = NoAt ...

Master Slider Full-screen mode One thing we noticed while playing around with Master Slider is that sometimes the full screen mode can extended past the fold of the screen or below the view port. We've found that adjusting your Fullscreen Margin helps ...

404 Page Styling and/or Changes For the 404 page you have a few options: - If you just duplicate the index.php file in the root directory of the theme and rename it to 404.php then it will become your 404 page template that you can directly edi ...

Enable Transparent Header for Touch Laptops. We disable transparency for touch because of some inconsistencies with mobile menu. You can certain try it with transparency by turning this setting off for "touch" devices. It will still disable for smaller screens ...

Auto Filter Rooms on Page Load We wrote a little javascript to help customize what filter is triggered on page load. Put this in your child theme functions file. // themo_hook_head_css = to add custom css or JS to your head add_action('wp_head','themo ...

Remove entire footer or hide top footer band If you would like to remove the entire footer, first make sure that you have removed all content from Appearance / Theme Options / Footer and also set the Footer Widget to OFF. Save changes. If you are still seeing ...

Adding an accent or outline button in the main menu From the WP Dash / Appearance / Menus / make sure the menu item you want to style has a class of 'th-accent' If you don't see the CSS Classes option, go up to Screen Options tab at the top and check the ' ...

Setup Auto Pending on the Bellevue Booking System To set auto-pending. You need tow things.  1) One of the legend statuses set to auto-pending (See star button) 2) then you'll need to set auto pending in the shortcode.  or [wpb ...

Disable lightbox in slider_gallery shortcode Before you being follow the steps in this article to create a child theme and add a javascript block to your child theme's functions file. Adding JavaScript or jquery to metabox Then replace the javasc ...

The package could not be installed. The theme is missing the style.css stylesheet. This is a common error are there are two zips you download from themeforest, a solution to this issue is in this article. https://help.market.envato.com/hc/en-us/articles/202821510?_ga=1.61327468.1140640435.1445836150 I hop ...

Demo Content Different demos There are several live demos, Urban Guest House (Yaletown), Chalet (Rustic), Countryside (Parksville), Beach House (Long Beach), Lake Cabin (Lakeshore), Hotel (Bellevue) and One Pager Style (Yaletown o ...

Adding your own custom CSS We have provided an area under the theme options so you can add your own custom css. You will find this under the Dashboard / Appearance / Theme Options / General / Custom CSS. Cheers!

How to Improve Site Load and Performance When it comes to website load time and overall speed / performance, here are some things to consider: Plugins: All of our themes include some required plugins and some recommended plugins that each add specific function ...

How to Remove a Section Showing on The Frontend But Not The Backend There is a specific scenario that can sometimes come up where a meta box appears on the frontend of the website but not in the backend. Generally speaking, the theme will prevent you from removing a meta box in the ba ...

Enable Sticky Header for Mobile Our theme automatically disables sticky for mobile, so if you want to enable it , just make this modification and it should world on both desktop and mobile. :) Open up bellevue/assets/js/main.js Then edit line 901 ...

Adding a Favicon We were asked by ThemeForest to remove that option once WordPress updated to include the option itself. It's now available under Appearance > Customize > Site Identity > Site Ico ...

Extra fees and charges Adding extra fees to the check out is possible via WooCommerce plugin or when you add custom code. Child theme If you are comfortable installing the included child theme and adding code to a functions.php file t ...

Adding more than 5 meta boxes of the same kind. if you want to use any meta box more more than 5 times, you can increase this limit under Appearance / Theme Options / General / "Set the maximum times you can use a metabox on a single page".

Adding event tracking to pricing plans. For pricing, don't use the default button option, but instead add the button HTML inside the pricing plan options details field.  Then you can add your own custom class or ID and then match it up with yo ...

Setting up Booking, Terms of Service and Deposits. Make sure to use the auto pending feature so that when someone requests a stay, those dates will automatically be set to a different color to indicate that they are not available. We wrote a guide here:  Setup Auto Pe ...

List of Required and Recommended Plugins for Bellevue. Required Bellevue Custom Post TypesBellevue ShortcodesMeta BoxMeta Box TabsSimple Page Ordering Optional FormidableMaster Slider ProWidget LogicWooCommerceWP Booking SystemDelete these after install / a ...

Custom Color for Rooms Hover .room-overlay { background-color: #a94442; }* Custom CSS can be added under Dashboard / Appearance / Theme Options / Custom CSS

Skip Cart Go Straight to Checkout Page in WooCommerce WooCommerce workflow can be a little too long for simple products, here’s how to skip past the cart page and go straight to the checkout page.We've found a few article and a plugin that might help you skip a step or two dur ...

Internal Server Error 500 Check with your web host to ensure it meets the following recommended settings by WordPress As per : https://wordpress.org/about/requirements/ The site needs: PHP version 5.6 or greaterMySQL version 5.6 or g ...

Bug: Standard buttons are being converted to Add to Cart buttons **EDIT: The Meta Box plugin author has since released a new version of the plugin (4.8.7) including a fix for this issue. You can just update the plugin from within the WP admin area it will be resolved. ...

Trigger Mobile Menu Sometimes you may want to trigger the mobile menu sooner than the default screen size.** Before you customize, please back up your files so you can roll your changes back if you need to.** First thing is to add this c ...

How to change the room descriptions. "sleep 2 queen bad" etc That's managed under the excerpt of the post. If there is no excerpt present then it will take from the first few words of the content in the content editor. Happy to answer any questions.

Missing photos after demo import. If you have not imported yet, make sure to follow all the instructions to import the demo content along with the place holder images here: http://docs.themovation.com/bellevue/#democontent specifically the checkbox ...

Using Polylang Helpful Links Support https://polylang.pro/doc/FAQ https://polylang.pro/doc-category/faq/ Getting Started https://polylang.pro/doc-category/getting-started/Advanced https://polylang.pro/doc-category/po ...

MIssing demo content XML file. You may be trying to install the theme but missing or can't find the demo-content.xml file. Please ensure that you are downloading the correct zip from themeforest.1. Download the theme zip from themeforest here:&nb ...

Google Maps not working (API Key Missing) Recently, Google updated their API requirements for new domains. We have updated all our themes and plugins affected, but we also have a bundled plugin, Meta Box that will need to be updated as well&n ...

Communication between WooCommerce and WP Booking System The booking system hands off the number of nights to WooCommerce via add_to_cart shortcode but does not pass any other info to WooCommerce. We’ve recently added support for passing Check and and Check out dates to WooCom ...

How to make a full width Google Map Set your map met box like you would normally, then check 'Replace Header with Map' Under the map tab inside the map meta box. Uncheck the display and header options inside the map meta box and make sure to check display and ...

Adding down arrow on Sliders When you add a slider meta box, you have the option to enable a down arrow, it's inside the slider meta box on your edit screen, Slider / Slider tab / Down Arrow. Cheers!

Removing Meta Boxes aka Content Blocks 1) First make sure the display checkbox is unchecked. Save your changes. 2) The next thing you will want to do is uncheck that meta box from the meta box builder. 3) If you have more than 1 (or mult ...

Custom Star Rating to Testimonials. Although the testimonials do not include a star rating you can certainly use the built in Glyphicons to make a star rating. Here is an example of what you would add to the Quote area. <span class="glyphicons glyphicon ...

How the WP Booking System works with WooCommerce That explains how to you add an add to cart button to the booking form. Here are the steps: 1) Follow this guide to set it up: Add WooCommerce to a booking calendar 2) Once #1 is comple ...

Remove Scroll to Top Arrow in the right side bottom of the website. To remove the scroll to top button in the bottom right side of your website. #scrollUp { display: none !important; } or to move it left... #scrollUp { left: 18px !important; right: inherit !impo ...

SSL HTTPS trouble shooting Both the theme and plugin should work just fine in SSL / HTTPS. It could be that something has not been fully setup yet for SSL on your site. Have a look at this article that displays the steps for setting up SSL in WordPress ...

Yoast SEO Support Our themes are ready to roll with the Meta Box Plugin for Yoast. You should not need to add any code to it.  https://wordpress.org/plugins/meta-box-yoast-seo/ There is one caveat though. some content such as Custo ...

How to find what version of the theme you are using. Login into your WordPress admin panel and go to “Appearance” -> “Themes”. Here are listed all your installed themes. Click on desired theme and pop-up window will appear. On the right-side, near theme name is displ ...

Hide Label from Forms (Formidable) If you wish to hide the field label and are already using the placeholder text, set the field position to none. https://formidablepro.com/knowledgebase/field-options/#kb-label-position This is the formidable pl ...

Using Shortcodes The shortcodes are accessible via the shortcode button in the content editor.  We have full list here: http://docs.themovation.com/bellevue/#shortcodes The add shortcode button looks like this: Shortcodes s ...

Custom Video Styling Custom CSS: .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-contain ...

Updating the WP Booking System Plugin You can update the WP Booking System Plugin without updating the Bellevue theme, although we recommend always using the most recent version of the theme and plugins. * Always make a full database backup of you ...

Service Block Colour / Color Try this CSS to customize the service block colour and hover states.Main colour .circle-lrg-icon i, .circle-lrg-icon span { background-color: #7df191; border-color: #7df191; } hover state .circle-lrg-icon i ...

Using the Child theme to add custom scripts in the footer. If you've install the child theme you'll see that the functions.php file is already there.. You can use cpanel or ftp to edit your functions.php file. The foot scrip  function is already there.  1) Just u ...

Adding Yoast Breadcrumbs to rooms and pages. Big thank you to Mario for posting his guide. He took the time to share his solution for other to use. Thank you!!You'll need to have the Yoast SEO plugin installed Make sure you have the Child Theme installed and copy ...

Can I Use The Theme On More Than One Website? The licensing is determined by ThemeForest, and the basics of the ThemeForest license is: "You are licensed to use the Item to create one single End Product for yourself or for one client" https://themeforest.net/licen ...

How to Add JavaScript, or Other Code into Your Site In WordPress, certain types of code can sometimes cause issues when added directly into the Content Editor, whether it be from switching between HTML and Visual tabs, or because it gets  ...

Sort Order / Drag and Drop Content You can drag and drop to change the sort order on almost any content that repeats. This includes: Pricing Columns, Service Blocks, Team Members etc..Here is how you do that:1 - So you need to had drag and drop selec ...

Centering Slider_Gallery aka slider Try this for your centering of the slider in your content editor: <div style="width:50%; min-width:300px; text-align:center; margin: 0 auto;">[slider_gallery ids="3162, 3164"]</div> If you wanted to align it ...

How to Change the Transparent Header Content From Light to Dark By default, the navigation and text content in the site header is white when the transparent header is enabled. If you'd like you can change it to black instead. You can copy/paste this code and add it into your child theme, ...

How to Correct a Form Field Not Appearing Properly In our themes, the 'Conversion Form' meta box is intended to be used only for short, single line forms such as the one in the header of this page: http://demo.themovation.com/stratus/home-cloudGenerally we reco ...

How to include Blog Posts on a page If you would like to add a section of blog posts onto a page on your site, the easiest way is to use a plugin- we have seen this free plugin used with good success: https://wordpress.org/plugins/wp-posts-carous ...

Cannot import widgets .wie file "You must upload a .wie file generated by this plugin." ** Update Jan 26th, 2017 - All fixed up with the most recent version of Widget Importer Plugin. Issue resolved! REF: https://wordpress.org/support/topic/solution-for-wp-4-7-1-bug-causing-you-must-upload-a-wie-file-gener ...