Pre-defined stylesheets in Cab Grid Pro v5

Sep 6, 2018 (updated: )Custom Styles, Cab Grid Pro, Help and Support3 comments

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.

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

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

Pre-defined Stylesheets

With the launch of Cab Grid Pro version 5.0 there are 4 pre-defined stylesheets available. See examples below.

• Cab Grid 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. It attempts to cut much of the excess CSS that has built up in the previous (v1-4) versions.

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 Cab Grid 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.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.49


No price found for this journey