========================================================== */ /* 1. Target the specific form container for safety and centering */ #page\#0 .uk-width-large #wpforms-form-3841{width: 100%;}/* 2. Style the Email Address Label to be white */ #page\#0 .uk-width-large #wpforms-form-3841 label.wpforms-field-label{color: #fff; /* White color for the label */ font-weight: bold; margin-bottom: 5px; display: block;}/* 3. Style form fields (Input/Email) */ #page\#0 .uk-width-large #wpforms-form-3841 input[type="email"], #page\#0 .uk-width-large #wpforms-form-3841 input[type="text"]{/* Base Input Style */ border: 1px solid #e5e5e5; background-color: #fff; color: #666; /* Input text color remains dark for readability on white background */ padding: 0 20px; box-sizing: border-box; width: 100%; /* Simulates the uk-form-large and uk-border-pill classes */ height: 60px; /* Increased height for a larger feel */ font-size: 1rem; border-radius: 500px; /* Pill shape */}/* 4. Style the Submit Button (Gold Color & Text Centering Fix) */ #page\#0 .uk-width-large #wpforms-form-3841 button[type="submit"]{/* Centering Fix: Use Flexbox to ensure text is perfectly centered */ display: flex; align-items: center; justify-content: center; /* Base Button Styles */ box-sizing: border-box; padding: 0 30px; height: 60px; /* Match the height of the input field */ font-size: 1rem; font-weight: bold; text-transform: uppercase; /* Makes the text look like the image */ text-decoration: none; cursor: pointer; /* Gold Color Scheme */ background-color: #FFD700; /* Gold color */ color: #333; /* Dark text on gold for contrast */ border: 1px solid transparent; /* Pill shape */ border-radius: 500px; /* Hover state (optional but recommended) */ transition: background-color 0.1s ease-in-out;}#page\#0 .uk-width-large #wpforms-form-3841 button[type="submit"]:hover{background-color: #DAA520; /* Darker gold for hover */ color: #333;}/* 5. Optional: Layout adjustments if the form fields are stacking/not using WPForms' modern grid */ /* This section may be necessary if the input and button are not aligning horizontally */ #page\#0 .uk-width-large #wpforms-form-3841 .wpforms-field-container{/* If you need them to be a horizontal group, you'll need to use the grid/layout features of WPForms. If they are stacking, this CSS ensures the elements are centered horizontally: */ text-align: center;}#page\#0 .uk-width-large #wpforms-form-3841 .wpforms-field-container .wpforms-field{margin-left: auto; margin-right: auto; max-width: 400px; /* Example max width for input field */}
Don’t Miss Out on RLC Promos & News
Subscribe to get the latest pre-selling updates, exclusive deals, and property news delivered straight to your inbox.