Nov 22, 2020 (updated: November 22, 2020) | Cab Grid Pro, Custom Styles, Help and Support
CabGrid Pro version 5.8.14 includes a new set of built-in styles. Selecting these styles means custom CSS for these styles need not be entered in the custom CSS box. To use these styles, select ‘Alternative Styles v5’ under BASE STYLES in the OPTIONS tab of the CabGrid Pro WordPress admin panel.
Aug 1, 2020 (updated: June 14, 2021) | Cab Grid Pro, Help and Support, Troubleshooting
In certain circumstances the CabGrid Pro can fail to load required files after an update. This can result in the taxi calculator losing its layout and styling. This article provides details on how to reset and re-initialise CabGrid Pro.
Apr 11, 2020 (updated: June 30, 2020) | Cab Grid Pro, Custom Styles, Help and Support
CSS code snippets for Cab Grid Pro version 5 and above that change the appearance of the one-way/return button icon shown in the plugin calculator interface. These snippets can be added to the Custom CSS box under the OPTIONS tab in the Cab Grid Pro WordPress admin page.
Sep 3, 2019 (updated: October 31, 2020) | Cab Grid Pro, Custom Styles, Help and Support
How to disable the floating price banner displayed in the footer using CSS
Jun 23, 2019 (updated: August 3, 2020) | Cab Grid Pro, Custom Styles, Help and Support
Ever needed to hide or show booking form fields based on the destination or passenger numbers selected by your customer? In Cab Grid Pro v5.5 dynamic CSS classes are added to the main Cab Grid element allowing subsequent manipulation of content through CSS.
Sep 20, 2018 (updated: March 20, 2019) | Cab Grid Pro, Custom Styles, Help and Support
The new version of Cab Grid Pro automatically applies a drop shadow to the taxi price calculator box. This can be disabled by adding a simple line of CSS code to the STYLING CSS box under the OPTIONS tab on the Cab Grid Pro WordPress admin page: .cabGridPro:after {display:none;}
Sep 6, 2018 (updated: September 19, 2020) | Cab Grid Pro, Custom Styles, Help and Support
CabGrid Pro version 5.0 provides the ability to select the main stylesheet loaded with the front-end calculator plugin. There are a variety of pre-defined style-sheets available that provide a starting point for any custom CSS.
Jan 23, 2018 (updated: April 11, 2020) | Cab Grid Pro, Custom Styles, Help and Support
s Note The CSS code on this page is geared primarily to Cab Grid Pro version 4 or earlier and may require some further adjustments to be applied to Cab Grid Pro version 5 or later. However, the basic principles remain the same so only minor updates should be...
Jan 12, 2018 (updated: April 16, 2020) | Custom Styles
Currently in beta, the Cab Grid style builder utility helps preview and test out custom CSS styling for the taxi fare price calculator interface. It provides a visual interface for adjusting styles for the Cab Grid calculator.
Mar 9, 2017 (updated: June 9, 2021) | Cab Grid Pro, Custom Styles, Help and Support, Translations
Visitors can choose the language for the Cab Grid fare price calculator independently of the language set by WordPress using flag icons shown on the visitor portion of the plugin.
Feb 8, 2017 (updated: September 19, 2020) | Custom Styles, Troubleshooting
Common CabGrid CSS styling problems and how to use a web browser Inspector to troubleshoot layout or appearance issues. e.g. Button text not visible or elements overlapping.
May 19, 2016 (updated: October 19, 2020) | Cab Grid Pro, Help and Support
Segment destinations by assigning them to groups, then display a version of Cab Grid for each group. This feature allows many instances of the Cab Grid plugin to be displayed on a single web page, each with a different purpose. For example, one for airport transfers, one for school runs, and one for suburban routes. This article describes how to use the Groups feature of the Cab Grid Pro plugin for WordPress.
May 16, 2016 (updated: June 17, 2021) | Cab Grid Pro, Custom Styles, Help and Support
How to change the appearance of the Cab Grid fare price calculator using custom CSS styling. Custom styles cab be added under the OPTIONS tab.