Gravity Forms Bookings

⌘K
  2. Home
  4. Docs
  6. Gravity Forms Bookings
  8. Configuration
  10. Display Settings

Display Settings

  • Click on the Display Settings tab.
  • Once done, a side menu will appear on the right-hand side of the page.
  • All the Display Settings options will be available in this side menu.

1. Calendar Background Color Gradient

  • In the Calendar Background Color Gradient option, we can set the color of the background color gradient of the calendar.
  • Click on the color grid and select the color according to your requirement.
  • Once done, click on the Save button.

Front-End Impact

  • The customer will navigate to the Bookings Form page on the website.
  • The customer will fill out the form according to his requirement, and a calendar will appear.
Before
After

2. Calendar Border Color

  • In the Calendar Border Color option, we can set the color of the border color of the calendar.
  • Click on the color grid and select the color according to your requirement.
  • Once done, click on the Save button.

Front-End Impact

  • The customer will navigate to the Bookings Form page on the website.
  • The customer will fill out the form according to his requirement, and a calendar will appear.
Before
After

3. Calendar Header Background Color

  • In the Calendar Header Background Color option, we can set the color of the header background color of the calendar.
    • Click on the color grid and select the color according to your requirement.
    • Once done, click on the Save button.
    Front-End Impact
    • The customer will navigate to the Bookings Form page on the website.
    • The customer will fill out the form according to his requirement, and a calendar will appear.
    BeforeAfter4. Calendar Header Text Color
    • In the Calendar Header Background Color option, we can set the color of the header text color of the calendar.
    • Click on the color grid and select the color according to your requirement.
    • Once done, click on the Save button.
    Front-End Impact
    • The customer will navigate to the Bookings Form page on the website.
    • The customer will fill out the form according to his requirement, and a calendar will appear.
    BeforeAfter5. Calendar Text Color
    • In the Calendar Text Color option, we can set the color of the calendar text color.
    • Click on the color grid and select the color according to your requirement.
    • Once done, click on the Save button.
    Front-End Impact
    • The customer will navigate to the Bookings Form page on the website.
    • The customer will fill out the form according to his requirement, and a calendar will appear.
    BeforeAfter6. Calendar Selected Text Color
    • In the Calendar Selected Text Color option, we can set the color of the selected text in the calendar.
    • Click on the color grid and select the color according to your requirement.
    • Once done, click on the Save button.
    Front-End Impact
    • The customer will navigate to the Bookings Form page on the website.
    • The customer will fill out the form according to his requirement, and a calendar will appear.
    BeforeAfter7. Calendar Selected Text Background Color
    • In the Calendar Selected Text Background Color option, we can set the background color of the selected text in the calendar.
    • Click on the color grid and select the color according to your requirement.
    • Once done, click on the Save button.
    Front-End Impact
    • The customer will navigate to the Bookings Form page on the website.
    • The customer will fill out the form according to his requirement, and a calendar will appear.
    BeforeAfter8. Calendar Available Days Text Color
    • In the Calendar Available Days Text Color option, we can set the color of the available days text in the calendar.
    • Click on the color grid and select the color according to your requirement.
    • Once done, click on the Save button.
    Front-End Impact
    • The customer will navigate to the Bookings Form page on the website.
    • The customer will fill out the form according to his requirement, and a calendar will appear.
    BeforeAfter9. Calendar Available Days Text Color
    • In the Calendar Available Days Text Color option, we can set the color of the available days text in the calendar.
    • Click on the color grid and select the color according to your requirement.
    • Once done, click on the Save button.
    Front-End Impact
    • The customer will navigate to the Bookings Form page on the website.
    • The customer will fill out the form according to his requirement, and a calendar will appear.
    BeforeAfter10. Calendar Holiday Days Text Color
    • In the Calendar Holiday Days Text Color option, we can set the text color of the holidays in the calendar.
    • Click on the color grid and select the color according to your requirement.
    • Once done, click on the Save button.
    Front-End Impact
    • The customer will navigate to the Bookings Form page on the website.
    • The customer will fill out the form according to his requirement, and a calendar will appear.
    BeforeAfter11. Calendar Holiday Days Background Color
    • In the Calendar Holiday Days Background Color option, we can set the background color of the holidays in the calendar.
    • Click on the color grid and select the color according to your requirement.
    • Once done, click on the Save button.
    Front-End Impact
    • The customer will navigate to the Bookings Form page on the website.
    • The customer will fill out the form according to his requirement, and a calendar will appear.
    BeforeAfter

How can we help?