Old Title Showing Up When Published

  • WisconsinAdaptive
    Asked on September 17, 2024 at 4:39 PM

    The Old title of our Survey is showing up in both mobile or desktop when viewing the live survey.

    I verified under "Settings > More Options" that the title of the page is correct. But it continues to show old title.

    It is for two forms:

    https://form.jotform.com/WisconsinAdaptive/2024-2025-non-athlete-registration-

    https://form.jotform.com/WisconsinAdaptive/2024-2025-athlete-registration-form

    When you view a preview or the live form the "23-24" title comes up next to (desktop) the logo or below (mobile) the logo.

    Jotform Thread 19108581 Screenshot
  • Mafe_M JotForm Support
    Replied on September 17, 2024 at 5:26 PM

    Hi Emily,

    Thank you for reaching out to Jotform Support. You can apply CSS code to update the page title on the page cover. Let me show you how:

    1. In Form Builder, click the Paint Roller icon to open Form Designer.

    Old Title Showing Up When Published Image 1 Screenshot 30

    2. Navigate to Styles tab and scroll down to the Inject Custom CSS section.

    3. Input the custom CSS code provided.

    .form-page-cover-image-wrapper::after {
        content: "Wisconsin Adaptive Sports Association\a WASA 24-25 Athlete Registration" !important;
        white-space: pre-line !important;
        color: black !important;
        font-family: poppins !important;
        font-weight: bold !important;
        padding-left: 10px !important;
        padding-top: 20px !important;
        font-size: 19px !important;
        display: block !important;
    }


    This is the CSS code for the non-athlete registration form

    .form-page-cover-image-wrapper::after {
        content : "Wisconsin Adaptive Sports Association\a WASA 24-25 Non-Athlete Registration"!important;
        white-space : pre-line!important;
        color : black!important;
        font-family : poppins!important;
        font-weight : bold!important;
        padding-left : 10px!important;
        padding-top : 20px!important;
        font-size : 19px!important;
        display : block!important;
    }


    Old Title Showing Up When Published Image 2 Screenshot 41

    Give it a try and let us know how it goes.