Fixed back button conflicts in Pricing, Contact, About Us page

Ojas-Arora · Feb 9, 2025 · fdca16c · fdca16c
1 parent 2956612
commit fdca16c
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 13 deletions.
diff --git a/about.css b/about.css
@@ -336,14 +336,21 @@ section h2 {
   left: 20px;
   background-color: transparent;
   border: none;
-  color: var(--back-button-color);
+  color: #333;
   font-size: 24px;
   cursor: pointer;
   z-index: 999;
   transition: color 0.3s ease;
 }
 
 .back-button:hover {
+    color: #d6a52b;
+}
+body.dark .back-button{
+  color: white;
+}
+
+body.dark .back-button:hover{
   color: #d6a52b;
 }
 .about-section h1 {

diff --git a/contact.css b/contact.css
@@ -319,16 +319,23 @@ text-align: left; /* Adjusts text alignment, optional */
     left: 20px;
     background-color: transparent;
     border: none;
-    color: var(--card-text);
+    color: #333;
     font-size: 24px;
     cursor: pointer;
     z-index: 999;
     transition: color 0.3s ease;
 }
-
+  
 .back-button:hover {
     color: #d6a52b;
 }
+body.dark .back-button{
+    color: white;
+}
+
+body.dark .back-button:hover{
+    color: #d6a52b;
+}
 
 .image-button {
     position: fixed;

diff --git a/pricing.css b/pricing.css
@@ -502,21 +502,28 @@ body.dark {
     margin-left: 65px;
 }
 .back-button {
-    position: absolute;
-    top: 100px;
-    left: 20px;
-    background-color: transparent;
-    border: none;
-    color: #333;
-    font-size: 24px;
-    cursor: pointer;
-    z-index: 999;
-    transition: color 0.3s ease;
+  position: absolute;
+  top: 100px;
+  left: 20px;
+  background-color: transparent;
+  border: none;
+  color: #333;
+  font-size: 24px;
+  cursor: pointer;
+  z-index: 999;
+  transition: color 0.3s ease;
 }
 
 .back-button:hover {
     color: #d6a52b;
 }
+body.dark .back-button{
+  color: white;
+}
+
+body.dark .back-button:hover{
+  color: #d6a52b;
+}
 .about-box {
 background-color: var(--primary-color);
 border: 2px solid #d6a52b;