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.
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.
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.
How to disable the floating price banner displayed in the footer using CSS
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.
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;}
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.
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 necessary....
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.
The EXTRAS tab on the CabGrid 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.
