Updated the font styles and image padding.

nsquared-team · Mar 14, 2024 · b50daa3 · b50daa3
1 parent 8609b03
commit b50daa3
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git a/public/assets/css/custom-meta-box-styles.css b/public/assets/css/custom-meta-box-styles.css
@@ -20,11 +20,10 @@
 .news-letter-container {
     font-size: 16px; 
     padding: 1rem 0;
-    font-weight: 600; 
+    font-weight: bold; 
     line-height: 24px; 
     text-align:center; 
     position: relative;
-    font-family: poppins; 
     box-shadow: 0px 4px 4px 0px #00000040;
 }
 
@@ -46,7 +45,7 @@
     top: 6px;
     right: 6px;
     border: none;
-    padding: 6px;
+    padding: 16px;
     display: flex; 
     box-shadow: none;
     position: absolute;
@@ -55,6 +54,11 @@
     background-color: transparent;
 }
 
+.modal .modal-content .close-button-container img {
+    width: 12px;
+    height: 12px;
+}
+
 .news-letter-container button {
     border: none; 
     padding: 8px 16px;
@@ -171,16 +175,11 @@ form .modal-container .error-message-container p {
     border: 1px solid #B7B7B7; 
 }
 
-.news-letter-container .content-container .input-field .input-field-container img {
-    padding-right: 10px; 
-    border-right: 1px solid #92CAA4;
-}
-
 .news-letter-container .content-container .input-field .input-field-container input {
     border: none; 
     height: 100%;
     width: 100%;
-    color: #B7B7B7;
+    color: black;
     font-weight: normal; 
     padding: 11px 8px;
 }
@@ -262,6 +261,10 @@ form .modal-container .error-message-container p {
     color: #2C2C29;
 }
 
+.modal-content .inner-modal-image {
+    padding-top: 2.3rem;
+}
+
 .sr-only {
     position: absolute;
     width: 1px;

diff --git a/public/includes/da-newsletter.php b/public/includes/da-newsletter.php
@@ -62,7 +62,7 @@ public function newsletter_modal_dialog() {
                                     <p class='modal-statement'> " . __( 'Get weekly updates on the newest Draw Attention updates, case studies and tips right in your mailbox.', 'draw-attention' ) . "</p>
                                     <label for='email' class='cta'> " . __( 'Enter your email to get a 20% Coupon', 'draw-attention' ) . "</label>
                                 </div>
-                                <img src='" . $this->plugin_directory . "/assets/images/letter.svg' alt='Newsletter Image'>
+                                <img class='inner-modal-image' src='" . $this->plugin_directory . "/assets/images/letter.svg' alt='Newsletter Image'>
                             </div>
 
                             <input type='hidden' name='u' value='65E1000B4D683' data-name='u'>