CabGrid Pro version 5.8.14 includes a new set of built-in styles. These duplicate our styling demos. Selecting these styles means custom CSS for these styles need not be entered in the custom CSS box under OPTIONS in the CabGrid Pro WordPress admin panel.

To use these styles, select ‘Alternative Styles v5‘ under BASE STYLES in the OPTIONS tab of the CabGrid Pro WordPress admin panel.

To apply a style to the calculator on your site, the relevant class name needs to be applied to the CabGrid Pro calculator shortcode (or widget or Gutenberg block settings).

For example, to use the ‘Green Squared‘ style, the basic shortcode would be…
[cabGridPro icons="light" class="v5-GreenSquared"]

  •  
  • Discount/Promo Code
  • Extras

    Select additional items to add to your booking

    • Water

      Water

      Chilled mineral water

      -+

      $1.491.49


No price found for this journey
Apply alt style to Gutenburg block

Apply alt style to Gutenburg block

The class names (styles) currently available are as follows:

  • v5-fullWidth (demo)
  • v5-transVehicle (demo)
  • v5-GreenSquared (demo)
  • v5-Transfers (demo)
  • v5-sunset (demo)
  • v5-clean (demo)
  • v5-square (demo – desktop only)

Tags: , , , ,

x
  •  
  • Discount/Promo Code
  • Extras

    Select additional items to add to your booking

    • Water

      Water

      Chilled mineral water

      -+

      $1.491.49


No price found for this journey