CabGrid Pro provides the ability to change the main styles loaded for the price calculator. There are a variety of pre-defined style-sheets available that provide a starting point for any custom CSS.

The stylesheet file is set from the ‘BASE STYLES‘ drop-down menu located in the CabGrid Pro OPTIONS tab.

Any CSS entered in the ‘STYLING CSS‘ box will then augment the base styles.

Pre-defined Stylesheets

In CabGrid Pro there are four pre-defined stylesheets available. See examples below.

• CabGrid Pro v5 initial styling

This is a new stylesheet re-written for version 5.0. It is designed to adapt and layout well at most sizes (responsive). It attempts to cut much of the excess CSS that has built up in the previous (v1-4) versions. A smaller style payload will help a website load faster.

This stylesheet will take cues from the theme’s styling – such as typeface (font), text colour and size.

[Also see: How to disable the drop shadow in v5 initial styles]

• Original v1-v4 styling

This is the default stylesheet used in CabGrid Pro versions 1-4. It is recommended upgrading users apply these styles if they also have custom CSS applied.

They also form the basis for alternative styling detailed on the styling demos page.

• Minimum required styling (blank)

This is a blank canvas intended for those wishing to apply their own custom styles via the ‘Styling CSS’ box. It applies only the bare minimum styles required for functionality (such as hiding and showing elements).

• Alternative styles v1-v4 (Styling Demos)

This stylesheet loads all of the alternative styles shown on the styling demos page so that the additional CSS need not be added to the Styling (CSS) box under the OPTIONS tab.

When this stylesheet is loaded, to apply one of the alternative styles, only the CLASS attribute need be added to the cabGridPro shortcode, for example:
[cabGridPro class="cgp-Transfers"]

Examples:

Click a button to switch pre-defined stylesheet:

Cab Grid Pro Passenger Layout

  •  
  • 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

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