Move ticket field descriptions above field body in help center | Community
Skip to main content

Move ticket field descriptions above field body in help center

  • August 24, 2022
  • 2 replies
  • 0 views
D

When submitting a form from the help center, the description for a field is in a smaller font below the field itself:

However, knowing our userbase, we'd like the description to be more prominent.

Is there a way to adjust the form template to show the field name, then the description, and then finally the actual ticket field itself for the end user to populate? 

In the example above, this would show "Availability", then directly below that "Please provide your availability, including specific times, for our team to contact you about this ticket." and then finally the multi-line text box.

We are using Copenhagen v2.16.1 for our theme.

    2 replies

    Pulkit12
    • Pulkit12
    • August 25, 2022

    Hi Diane

    Is it possible to share the URL of your help center where you want to implement this

    Thanks
    Pulkit

    Ifra
    • Ifra
    • August 25, 2022

    Hey,

     

    Go to style.css file and copy-paste the given code.

    .form-field.request_description {
        position: relative;
    }

    #request_description_hint {
        position: absolute;
        top: 26px;
        font-size: 15px;
    }

    @media (min-width: 768px){
      #request_description_hint {
        font-size: 18px;
      }
    }
    #hc-wysiwyg {
        margin-top: 88px;
    }

     

    Font-size can be changed as 

    font-size: 18px; or
    font-size: 20px; or 
    font-size: 22px;

     

     

      Terms & ConditionsCookie settingsAccessibility statement