Modifying close buttons on survey thank-you pages

The Thank You page of a survey is a hidden part of the survey itself. It remains hidden until a customer clicks the submit/send button. To change the close button, replace the existing button as described in the following steps and shown in the example CSS file:

  1. Hide the original thankYouPageButtonPreview object.
  2. Create a new button after the HTML that contains the original button.
    • The content is "Conclure" that is the French word for close/conclude.

    • Background color is red.

    • Text is white.

    • Corners are rounded with 4 pixel border-radius.

  3. Place the button on the top-most layer so that it can be seen.

In the CSS file, replace "Close" with "Conclure" and set the background color to red.

.thankYouPageButtonPreview { visibility: hidden; } .thankYouPageButtonPreview:after { content: 'Conclure'; visibility: visible; display: block; background-color: red; padding: 6px 12px; border-radius: 4px; left: -18px; } .btn:after { z-index: 100 !important; }