Appointments + many questions please help :)

How can I change the font on the calendar to Arial and make it bigger

How to change colours so free appointments are green, days we cant do are grey and everything else orange

Make calander bigger (if the code could be provided ill have aplay to find the size I don’t have coding knowledge)

Form always visible

Remove the text (click a free day to apply for an appointment)
change the text (PLEASE CHECK THE APPOINTMENT DETAILS BELOW AND CONFIRM) to PLEASE COMPLETE THE FORM BELOW
GIVE THE FORM A WHITE BACKGROUND, MAKE THE TEXT BLACK, AND MAKE THE TEXT BIGGER

Give the form a white background with black text which is slightly bigger.

I’m sorry if ive posted these questions everywhere but I really need some help. I can’t give access to the website so I have provided screenshots. My coding skills are very limited

  • Vaughan

    Hi Scott,

    Hope you're well?

    #1 You can use CSS for this.

    .appointments-list table {
        font-family: Arial !important;
    }

    Making the table bigger, this is highly dependant on the theme you are using and what CSS elements are used and the widths set for your content area. All I can do is guess based on my own site, which most likely will be completely different to yours. You say you can't give access to the site, could you perhaps just post a URL to the appointment page so I can view the page & see the CSS being used on the page.

    Alternatively, you could do this yourself, by using firebug extension for firefox, this will allow you to view & edit the CSS for the page, then you can simply copy the CSS into your theme style.css and adjust it there.

    For help with using firebug, the following articles may help.

    http://www.studiopress.com/tips/using-firebug.htm

    http://www.w3resource.com/web-development-tools/firebug-tutorials.php

    #2 you can change the colour set for the apps legends by selecting custom for the legen styles in the display settings.

    Dashboard > appointments > settings > general > display settings section

    #3 Making the form always visible, i'm not sure as this would probably involve altering the JS/AJAX within the plugin.

    #4 you can change the text for the confirmation form by editing the appointment page and changing the [app_confirmation] shortcode as below:

    [app_confirmation text="Please check the appointment details below and confirm:"]

    See the shortcodes attributes for more, on the Dashboard > appointments > shortcodes

    #5 You can use CSS for this to change the form background and text etc.

    .appointments-confirmation-wrapper {
    background: #ffffff;
    color: #000000;
    font-size: 18px;
    }

    Hope this helps

  • scott

    Hi Vaughan,

    Firstly thank you for your help, yes no problem here it is: http://www.nal.pm/make-an-appointment/

    I have had to register you to give you access details are:
    Username: [removed]
    Password: [removed]

    once you are logged in go on that url it will take you to the page.

    Thanks for your understanding on the situation.
    Basically I want the calendar to take up more space up on the page. In terms of the legend colour and text, I have sorted the green for free dates and the days we can't do but I want the rest of the days to be orange? Is there a way to do this?

    Kind Regards
    Scott

  • pxwm

    Hi @scott

    Just to make you aware that this is a public forum so suggest you don't post login details.

    I'm sure @Vaughan or another staff member will remove the login details you have posted.

    You may also wish to delete the user access you have setup as per your post and create a new one and if you still want @Vaughan to access your site then send him the login details via the support.

    Regards
    SteveB

  • scott

    Hi @steve and @Vaughan,

    I didn't realise it was public, i've had at look at the page and i havent used custom css on it if someone could provide some code to make the table/ calander bigger, make the
    text in it arial and bigger that would be amazing.

    Can i make a secondary available colour that is clickable so i can have one person(service) green and another one orange? so the 2 services can be seen as available to book ?

    Cheers scott

  • Vinod Dalvi

    Hi Scott,

    Thank you for your reply.

    As @SteveB described in his previous reply please don’t post usernames or passwords on the forum, as this is a public forum instead to allow us log in to your site just grant us temporary admin access to your site by clicking "Grant Access" button in the WPMU DEV Dashboard Settings as described on the following page and reply on this thread after granting it.

    https://premium.wpmudev.org/manuals/wpmu-dev-dashboard-enabling-staff-login/

    I tried to access the appointment page on your site http://www.nal.pm/make-an-appointment/ but it's displaying the error message "This webpage is not available"

    Could you please make the appointment page available so that we can access it to provide you exact solution?

    i've had at look at the page and i havent used custom css on it if someone could provide some code to make the table/ calander bigger, make the
    text in it arial and bigger that would be amazing.

    Have you tried using the CSS code provided by my colleague Vaughan in his following reply posted previously?

    https://premium.wpmudev.org/forums/topic/appointments-many-questions-please-help#post-795161

    I have sorted the green for free dates and the days we can't do but I want the rest of the days to be orange? Is there a way to do this?

    Can i make a secondary available colour that is clickable so i can have one person(service) green and another one orange? so the 2 services can be seen as available to book ?

    Have you tried setting colors in the custom color set as displayed in the screenshot attached to the following reply?

    https://premium.wpmudev.org/forums/topic/appointments-many-questions-please-help#post-795161

    Regards,
    Vinod Dalvi

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.