Change color - Appointment slots

  • XARDS
    Asked on June 16, 2021 at 7:01 PM

    2) Another thing that came up now was the font color of available Meeting times in the corresponding widget on the right side:

    1623879285 60ca6e75656aa Bildschirmfoto Screenshot 10

  • Alexander_G
    Replied on June 16, 2021 at 7:19 PM

    Hi again! 👋


    Please, try to add this code to the style:

    .appointmentSlot.slot{
     border-color: black;
     color: black;
    }

    How to Inject Custom CSS Codes

    You can change the "black" option to another HEX code (e.g. #ffffff). 

    Result:

    1623885510 60ca86c673ba4  Screenshot 10


    If you have any further assistance - feel free to contact us. ✨😊


    Cheers, 

    Alex

  • XARDS
    Replied on June 17, 2021 at 11:27 AM

    Thanks that worked perfectly.

  • XARDS
    Replied on June 18, 2021 at 11:24 AM

    How can I adjust the spacings before and after the text below the headline? And the spacing between text lines?

    1624029826 60ccba8216805 Bildschirmfoto Screenshot 10

  • Alexander_G
    Replied on June 18, 2021 at 12:42 PM

    Hi again, 😊

    To add spacing between lines, you can add <br> tags or just use "Enter" in the Paragraph editor:

    1624034470 60cccca6aa734  Screenshot 10

    You can add this code to adjust the margins:

    #id_65 {
      margin-top: -30px;
      margin-bottom: -30px;
    }

    Remove "minus" signs to add more spacing. Also, you can increase or decrease it by changing these parameters:

    -30px



    Result:

    1624034296 60cccbf8a2bc8  Screenshot 21

    Hope this helps,

    Alex

  • XARDS
    Replied on June 18, 2021 at 2:21 PM

    Thanks, the css code helped. How can I find the id of other elements to be able to adjust their margins?

    Managing the spacing between the lines through "enter" results in different displays depending on which device the form is being used. Also the spacing is too big, I would prefer being able to adjust the config of line spacing in a more general and granular form, like with line spacing (specified in pt) in Microsoft word. Is that possible?



  • Alexander_G
    Replied on June 18, 2021 at 3:43 PM

    "How can I find the id of other elements to be able to adjust their margins?"

    You can check this guide in order to find the field's IDs: 👉How to find field IDs and names


    "I would prefer being able to adjust the config of line spacing in a more general and granular form, like with line spacing (specified in pt) in Microsoft word."

    Unfortunately, there's no specific spacing option for the Paragraph Field, however, I can recommend you to check my Colleague's thread where is shown how to edit the spacing between the lines in the whole form using the Advanced Designer feature: 👉 https://www.jotform.com/answers/1271153


    Hope this helps,

    Alex

  • XARDS
    Replied on June 18, 2021 at 3:58 PM

    Thanks, that worked 👍