Disable Floating Price Bar with CSS
How to disable the floating price banner displayed in the footer using CSS
Customise taxi booking form based on user input
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.
How to remove the shadow from the new Cab Grid Pro v5 styling
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;}
Pre-defined stylesheets in Cab Grid Pro v5
Cab Grid Pro version 5.0 provides the ability to set 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.
Changing the Return/One-Way Icon Button with CSS Styling
Cab Grid Pro has the option to offer return journeys. How these are calculated and configured are the subject of a separate article on one-way or return taxi fare price calculations. We have spent some time labouring over how best to depict this option to visitors...
Style Builder
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. Try the Cab Grid Style...
Cab Grid Pro Extras
The EXTRAS tab on the Cab Grid Pro WordPress Admin page allows an unlimited number of additional items to be listed for purchase or to be selected along side a booking request. This is useful to offer sundries such as refreshments, services such as guided tours or meet & greet, or free enhancements like child seats.
Styling/hiding Price Variation Buttons
In Cab Grid Pro a visitor has the option to select different price variants for a journey using buttons displayed at the top right of the Cab Grid price calculator. (For information on configuring these price variations please see this article.) These buttons can be...
How to troubleshoot CSS styling issues in Cab Grid
NOTE: It is recommended to disable any caching software before making changes to CSS styles in order to insure the latest versions have been loaded. Also, in Cab Grid Pro v5, disable friendly URLs (URL rewrites). When you implement Cab Grid on your web page it will...
Cab Grid Pro Destination Groups
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.
Basic Style Changes using CSS
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.
