change css

Author: TamimiGitHub

src/components/header.js

@@ -2,11 +2,12 @@ import PropTypes from "prop-types"
 import React from "react"
 import { Container, Navbar, Nav } from "react-bootstrap"
 import solaceDevLogo from "../images/solace-developers-logo-white.png"
-import EDABanner from "./header/eda-banner"
+// import EDABanner from "./header/eda-banner"
 import LightningBanner from "./header/lightning-banner"
 
 const Header = ({ siteTitle }) => (
   <>
+    {/* <EDABanner /> */}
     <LightningBanner />
     <Navbar collapseOnSelect expand="lg" bg="dark" variant="dark">
       <Container>

src/components/header/lightning-banner.js

@@ -4,7 +4,7 @@ const LightningBanner = (props) => {
   return (
     <div class="lightning_banner">
       <p>
-        The third Solace Community Lightning Talks
+        The Third Solace Community Lightning Talks hosted on January 15, 2025
         <a href="https://www.youtube.com/watch?v=mv4NFa_MPPU" target="_blank">
           Watch Now!
         </a>

src/css/layout.css

@@ -89,9 +89,9 @@
 }
 
 .lightning_banner p a {
-  background-color: #e20880 !important;
+  background-color: #f37021 !important;
   border-radius: 20px;
-  color: #fff !important;
+  color: #000 !important;
   display: inline-block;
   font-size: 15px !important;
   font-weight: 600 !important;