Update HTML-CSS-Project-1-Implementati0on-Guide-Dynamic.html

Code-Institute-Org · Aug 15, 2024 · d7375f9 · d7375f9
1 parent cfc9485
commit d7375f9
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/HTML-CSS-Project-1-Implementati0on-Guide-Dynamic.html b/HTML-CSS-Project-1-Implementati0on-Guide-Dynamic.html
@@ -60,8 +60,8 @@
 
 /* Task Title Styling */
 .accordion-button {
-    background-color: #007bff;
-    color: white;
+    background-color: #007bff !important;
+    color: white !important;
     font-weight: bold;
     border-radius: 5px;
     padding: 15px;
@@ -71,35 +71,36 @@
     cursor: pointer;
     display: block;
     width: 100%;
+    border: none;
 }
 
 .accordion-button:not(.collapsed) {
-    background-color: #0056b3;
-    color: white;
+    background-color: #0056b3 !important;
+    color: white !important;
 }
 
 .accordion-button:hover {
-    background-color: #0056b3;
-    color: white;
+    background-color: #0056b3 !important;
+    color: white !important;
     text-decoration: none;
 }
 
 .accordion-button:focus {
     box-shadow: none;
 }
 
-/* Additional styling to remove hyperlink appearance */
+/* Remove default arrow on the accordion button */
 .accordion-button::after {
     display: none;
 }
 
 .accordion-button.collapsed {
-    color: white;
-    background-color: #007bff;
+    color: white !important;
+    background-color: #007bff !important;
 }
 
 .accordion-button.collapsed:hover {
-    background-color: #0056b3;
+    background-color: #0056b3 !important;
 }
 
 .accordion-body {
@@ -109,6 +110,7 @@
     padding: 20px;
     margin-top: -1px;
 }
+
     </style>
 </head>
 <body>