Title: Calendar Header
Last modified: November 12, 2019

---

# Calendar Header

 *  Resolved [webdevpinn](https://wordpress.org/support/users/webdevpinn/)
 * (@webdevpinn)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/calendar-header/)
 * I’ve recently started using the plugin and I’ve been fairly satisfied with it.
   I would like to know if it’s possible to make changes to the arrows used to cycle
   through months on the calendar. Currently, they are in the service bar but I’d
   like them to be in the calendar header as they appear in the form editor. Is 
   there a way to achieve this?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcalendar-header%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/)
 * (@codepeople)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/calendar-header/#post-12124249)
 * Hi,
 * Add these CSS rules into Appointment Hour Booking -> General Settings -> Edit
   Styles in order to avoid the conflict with your theme:
 *     ```
       #fbuilder .ui-datepicker .ui-datepicker-header{height:auto;background:#000}
       #fbuilder .ui-datepicker .ui-datepicker-header span{color:#fff;}
       #fbuilder .ui-datepicker .ui-datepicker-prev,#fbuilder .ui-datepicker .ui-datepicker-next{position:relative;right:auto;line-height:normal;}
       #fbuilder .ui-datepicker .ui-datepicker-prev::after,#fbuilder .ui-datepicker .ui-datepicker-next::after{display:none}
       #fbuilder .ui-datepicker-title{text-align:center}
       #fbuilder .ui-datepicker::before{display:none}
       ```
   
 * More info about customizing styles:
 * [https://apphourbooking.dwbooster.com/blog/2018/11/02/customizing-styles/](https://apphourbooking.dwbooster.com/blog/2018/11/02/customizing-styles/)
 * Thank you for using the plugin!
 *  Thread Starter [webdevpinn](https://wordpress.org/support/users/webdevpinn/)
 * (@webdevpinn)
 * [6 years, 6 months ago](https://wordpress.org/support/topic/calendar-header/#post-12126997)
 * That’s perfect! Thank you for the help and prompt reply!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Calendar Header’ is closed to new replies.

 * ![](https://ps.w.org/appointment-hour-booking/assets/icon-256x256.png?rev=1784135)
 * [Appointment Hour Booking - Booking Calendar](https://wordpress.org/plugins/appointment-hour-booking/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/appointment-hour-booking/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/appointment-hour-booking/)
 * [Active Topics](https://wordpress.org/support/plugin/appointment-hour-booking/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/appointment-hour-booking/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/appointment-hour-booking/reviews/)

## Tags

 * [calendar](https://wordpress.org/support/topic-tag/calendar/)

 * 2 replies
 * 1 participant
 * Last reply from: [webdevpinn](https://wordpress.org/support/users/webdevpinn/)
 * Last activity: [6 years, 6 months ago](https://wordpress.org/support/topic/calendar-header/#post-12126997)
 * Status: resolved