Cab Grid Pro version 5 introduced a new styling attribute the gives the Cab Grid Pro taxi price calculator plugin a shadow effect. This effect is only present when “Cab Grid Pro v5 initial styling” is selected from the BASE STYLES drop-down menu under the OPTIONS tab on the Cab Grid Pro WordPress admin page.

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

In some circumstances, the drop-shadow effect may not be appropriate to a site’s design or styling. The effect can be disabled/removed by adding the following CSS code to the STYLING (CSS) box (also under the OPTIONS tab on the Cab Grid Pro WordPress admin page).

.cabGridPro:after {display:none;}
Example (shadow removed):

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

Under these circumstances, it’s also likely the background should be transparent. This can be achieved by adding the following CSS to the STYLING box:
.cabGridPro {background: transparent;}
For more about customising Cab Grid styles, see our article: Basic Style Changes using CSS

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