Changing Thank you message DIV CSS

(0) Share

Report

Posted on by Community member

Is there any way to change the CSS of div which appear after form submission? DIV looks below which comes with default height and width. We just need to remove this.

<div class=/onFormSubmittedFeedback/ style=/height: 442px; width: 1169px;//>

Categories:

Marketing Pages Forms and Surveys

All responses (1)

Answers (0)

Khan zain 1 on at

Like (0)

Report
Changing Thank you message DIV CSS

To customize the CSS of a `<div>` that appears after form submission, you can use JavaScript to target the element and modify its styles. Here's a concise solution:

// Wait for the document to be ready document.addEventListener('DOMContentLoaded', function() { // Find the div with the class 'onFormSubmittedFeedback' var feedbackDiv = document.querySelector('.onFormSubmittedFeedback'); // Check if the div exists if (feedbackDiv) { // Remove inline styles (height and width) feedbackDiv.style.height = 'auto'; feedbackDiv.style.width = 'auto'; // You can also add other CSS styles as needed } });

This script will remove the inline `height` and `width` styles from the `<div>` with the class `onFormSubmittedFeedback` once the document is fully loaded. You can further customize this script to add or remove other CSS styles as required.

For better understanding, here are the excellent programming learning platforms:- 1. W3School 2. Iqra Technology 3. JavatPoint