Title: Changing header layout
Last modified: August 31, 2016

---

# Changing header layout

 *  Resolved [DNCreative](https://wordpress.org/support/users/dncreative/)
 * (@dncreative)
 * [10 years, 2 months ago](https://wordpress.org/support/topic/changing-header-layout/)
 * Im working on modifying the calendar header similar to this:[http://stackoverflow.com/questions/25472710/fullcalendar-button-placement-month-name-should-be-between-left-and-right-arrow](http://stackoverflow.com/questions/25472710/fullcalendar-button-placement-month-name-should-be-between-left-and-right-arrow)
 * I’ve removed the header items that are not needed with CSS, but can’t seem to
   get the right arrow moved to the right (using jQuery) and for it still be functional.
   Is there a way for me to set these fullcalendar.js options via the plugin or 
   jQuery? [http://fullcalendar.io/docs/display/header/](http://fullcalendar.io/docs/display/header/)
 * [https://wordpress.org/plugins/wp-fullcalendar/](https://wordpress.org/plugins/wp-fullcalendar/)

Viewing 1 replies (of 1 total)

 *  Plugin Author [Marcus (aka @msykes)](https://wordpress.org/support/users/netweblogic/)
 * (@netweblogic)
 * [10 years, 1 month ago](https://wordpress.org/support/topic/changing-header-layout/#post-7178679)
 * Hi, I just created a snippet for another thread, you can modify the headers via
   JS or PHP in WPFC 1.2, as per the FC docs you referred to. Here’s both ways:
 *     ```
       //This snippet will modify the header via JS
       function my_wp_fullcalendar_header_yearskip(){
       	?>
           <script type="text/javascript">
           jQuery(document).on('wpfc_fullcalendar_args', function( e, options ){
           	options.header.left = 'prevYear,prev,next,nextYear today';
           });
           </script>
           <?php
       }
       add_action('wp_footer','my_wp_fullcalendar_header_yearskip', 1);
   
       //This snippet modifies header of calendar, via PHP
       function my_wpfc_calendar_header_vars( $header ){
       	$header->left = 'prevYear,prev,next,nextYear today';
       	return $header;
       }
       add_filter('wpfc_calendar_header_vars', 'my_wpfc_calendar_header_vars');
       ```
   

Viewing 1 replies (of 1 total)

The topic ‘Changing header layout’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-fullcalendar.svg)
 * [WP FullCalendar](https://wordpress.org/plugins/wp-fullcalendar/)
 * [Support Threads](https://wordpress.org/support/plugin/wp-fullcalendar/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-fullcalendar/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-fullcalendar/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-fullcalendar/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Marcus (aka @msykes)](https://wordpress.org/support/users/netweblogic/)
 * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/changing-header-layout/#post-7178679)
 * Status: resolved