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;
}