diff --git a/src/css/custom.css b/src/css/custom.css
index 764ef2f13..69a022548 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -965,17 +965,25 @@ video {
div[class*='announcementBar'] {
background: #0078d4 !important;
border-bottom: none !important;
- padding: 10px 0 !important;
+ height: auto !important;
+ min-height: 0 !important;
font-family: var(--ifm-font-family-base);
font-size: 14px !important;
letter-spacing: 0.01em;
}
div[class*='announcementBar'] div[class*='content'] {
+ padding: 14px 48px !important;
font-weight: 400 !important;
line-height: 1.5;
}
+@media (max-width: 768px) {
+ div[class*='announcementBar'] div[class*='content'] {
+ padding: 12px 20px !important;
+ }
+}
+
div[class*='announcementBar'] a {
color: #ffffff !important;
text-decoration: underline !important;
diff --git a/src/theme/BlogPostPage/index.js b/src/theme/BlogPostPage/index.js
index 05f34db24..e1c30434b 100644
--- a/src/theme/BlogPostPage/index.js
+++ b/src/theme/BlogPostPage/index.js
@@ -15,28 +15,6 @@ function BackLink() {
);
}
-function HiringCTA() {
- return (
-
- );
-}
-
export default function BlogPostPage(props) {
// Add body class so CSS can hide the sidebar
useEffect(() => {
@@ -48,7 +26,6 @@ export default function BlogPostPage(props) {
<>
-
>
);
}
diff --git a/src/theme/BlogPostPage/styles.module.css b/src/theme/BlogPostPage/styles.module.css
index 966603780..239dd9d43 100644
--- a/src/theme/BlogPostPage/styles.module.css
+++ b/src/theme/BlogPostPage/styles.module.css
@@ -39,71 +39,3 @@
color: #f9fafb;
}
-.ctaOuter {
- max-width: 820px;
- margin: 0 auto;
- padding: 0 2rem 4rem;
-}
-
-.cta {
- border-radius: 16px;
- background: #f9fafb;
- border: 1px solid #e5e7eb;
- padding: 2.5rem 2rem;
- text-align: center;
-}
-
-.ctaEyebrow {
- font-size: 0.68rem;
- font-weight: 700;
- text-transform: uppercase;
- letter-spacing: 0.12em;
- color: #9ca3af;
- margin: 0 0 0.75rem;
-}
-
-.ctaLink {
- display: inline-flex;
- align-items: center;
- gap: 0.5rem;
- font-size: 1.5rem;
- font-weight: 600;
- letter-spacing: -0.01em;
- color: #111827;
- text-decoration: none !important;
- transition: color 0.15s;
-}
-
-.ctaLink:hover {
- color: #0ea5e9;
-}
-
-.ctaArrow {
- width: 1.25rem;
- height: 1.25rem;
- transition: transform 0.15s;
- flex-shrink: 0;
-}
-
-.ctaLink:hover .ctaArrow {
- transform: translateX(3px);
-}
-
-.ctaSub {
- margin: 0.75rem 0 0;
- font-size: 0.875rem;
- color: #6b7280;
-}
-
-[data-theme='dark'] .cta {
- background: #1f2937;
- border-color: #374151;
-}
-
-[data-theme='dark'] .ctaLink {
- color: #f9fafb;
-}
-
-[data-theme='dark'] .ctaSub {
- color: #9ca3af;
-}