Support » Plugin: Appointment Calendar » Some code editing on my calendar

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi GreatHawkeye,

    Here the instruction:

    1. Center the title “22 —28 avril 2013”
    2. Remove cells above 18:00 and below 22:00.

    File Path: appointment-calendar/menu-pages/fullcalendar-assets-new/css/fullcalendar.css

    Change CSS to
    .fc td, .fc th {
        padding: 0;
        vertical-align: top;
    .fc td, .fc th {
        padding: 0;
        vertical-align: middle;
    Change it:
    .fc-header-title h2 {
        margin-top: 0;
        white-space: nowrap;
    .fc-header-title h2 {
        /*margin-top: 0;*/
        white-space: nowrap;
    Change It
    th, td, table {
        border: 1px solid #DDDDDD;
    th, td, table {
        /*border: 1px solid #DDDDDD;*/

    3. To display Start Time & End Time as: 18:00-19:00
    File: appointment-calendar-shortcode.php

    $date = 'Appointment Date Here'; // like: 2012, 03, 26 [format: Y, m, d]
    $start = 'Appointment Start Time Here';   // like: 18, 00
    $end = 'Appointment End Time Here';      // like 19, 00
    $clientName = 'Dead Space';
    	title: "<?php _e('Les peurs de rorqual: ', 'appointzilla').$clientName; ?>",
    	start: new Date(<?php echo "$date, $start"; ?>),
    	end: new Date(<?php echo "$date, $end"; ?>),
    	backgroundColor : '#1FCB4A',
    	textColor: 'black',

    Frank Faraz

    Hi Frank,

    The title is now centerd but the cells are still here, even when i add “/* */” around those lines.

    And for the time displays, should i add this code or edit it ? If i have to edit, can you tell me what line is it ?


    Hi there,

    Forgot the 3rd step I mention above.

    You need to add a new code-line to display Start Time & End Time as: 18:00-19:00.

    File: appointment-calendar-shortcode.php

    Find Code:

    editable: false,

    Add a new code line as bellow:

    editable: false,
    timeFormat: 'h:mm{-h:mmtt }',

    Thanks & this will help you.

    Hmm thats weird, i’ve done like you said as you can see in the screenshot here :
    And it still displays like this :

    For you to know, I want hours like this :

    And also for the two useless line, i couldnt manage to get rid of them…

    Thank you very much Frank.


    My issue is still not solved… Can you help me out please ?

    Hi GreatHawkeye,

    Tell me, What are remaining issues?

    Well actually all of them…

    You can my current calendar here :

    And i want to display hours like :



    And i know know why but the 2 useless lines (one above 18:00 and one below 21:00) wont disappear.

    I tried your code lines but it still doesnt work… Could you possibly help me by doig screenshots ? Or maybe directly interact on my blog..?

    Thank you very much.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Some code editing on my calendar’ is closed to new replies.