Merge pull request #1248 from Vaishnavigunti2801/SelectLanguage

fix: In footer Google icon size increased , Select Language box size increased and color changed.
apu52 · Jul 29, 2024 · c41ef77 · c41ef77
2 parents 56068ae + d4b532f
commit c41ef77
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -1719,19 +1719,21 @@ <h4>Contact Us</h4>
           </div>
 
         </div>
-        <div style="padding: 5px; background-color: #ff9fcf; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
-          <label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 10px; font-size: 18px; color: #333;">Select Language:</label>
-          <div id="google_translate_element" style="display: inline-block; margin-top: 10px; padding: 10px; border: 1px solid #ff9fcf; border-radius: 5px; background-color: #fff;"></div>
+        <div style="padding: 32px; background-color: #9fbaff; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
+          <label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 10px; font-size: 20px; color: #333;">Select Language:</label>
+          <div id="google_translate_element" style="display: inline-block; margin-top: 10px; padding: 20px; border: 1px solid #ff9fcf; border-radius: 5px; background-color: #fff;"></div>
       </div>
 
 
 
+
       <script type="text/javascript">
-          function googleTranslateElementInit() {
-              new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
-          }
-      </script>
-      <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
+        function googleTranslateElementInit() {
+            new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
+        }
+    </script>
+    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
+
 
         <!-- <div class="footer__col">
           <label for="google_translate_element" style="display: block; font-weight: bold; margin-bottom: 5px;">Select Language:</label>

diff --git a/styles.css b/styles.css
@@ -238,6 +238,27 @@
   }
 }
 */
+#google_translate_element {
+  transform: scale(1); /* Increase the size of the select language bar and Google icon */
+  transform-origin: top left; /* Adjust the origin to make the scaling look better */
+}
+
+/* Target the Google icon within the Google Translate element */
+#google_translate_element img {
+  height: 35px; /* Increase the height of the Google icon */
+}
+
+#google_translate_element .goog-te-gadget-simple {
+  padding: 0.5em 0.5em 0.5em 0.5em !important;
+  font-size: 18px !important;
+  border-color: #f2f2f2 !important;
+  border-width: 1px !important;
+  border-style: solid !important;
+  display: inline-block;
+  white-space: nowrap;
+  border-radius: 5px;
+}
+
 
 .footer__link {
   position: relative;