diff --git a/src/components/blog/BlogBanner/styles.module.css b/src/components/blog/BlogBanner/styles.module.css index fc514d761..fa4843401 100644 --- a/src/components/blog/BlogBanner/styles.module.css +++ b/src/components/blog/BlogBanner/styles.module.css @@ -1,13 +1,13 @@ .blogHeaderText { position: relative; - color: var(--ifm-color-primary); - font-size: 30px; + color: #ffffff; + font-size: 48px; max-width: 396px; font-weight: bold; - line-height: 100%; - top: 20px; - left: 20px; + line-height: 133%; + top: 21px; + left: 74px; } .background { diff --git a/src/components/marketplace/MarketplaceBanner/styles.module.css b/src/components/marketplace/MarketplaceBanner/styles.module.css index fc514d761..447c3ecb9 100644 --- a/src/components/marketplace/MarketplaceBanner/styles.module.css +++ b/src/components/marketplace/MarketplaceBanner/styles.module.css @@ -1,13 +1,13 @@ .blogHeaderText { position: relative; - color: var(--ifm-color-primary); - font-size: 30px; - max-width: 396px; + color: #ffffff; + font-size: 48px; + max-width: 459px; font-weight: bold; - line-height: 100%; - top: 20px; - left: 20px; + line-height: 130%; + top: 29px; + left: 228px; } .background { @@ -19,6 +19,7 @@ .imageContainer { width: 100%; height: 180px; - background-image: url('../../../../static/blog/blog_banner_template.png'); + background-size: 1920px 180px; + background-image: url('../../../../static/blog/marketplace_banner_template.png'); background-repeat: repeat; } \ No newline at end of file diff --git a/static/blog/blog_banner_template.png b/static/blog/blog_banner_template.png index cf81eb31d..9859513c0 100644 Binary files a/static/blog/blog_banner_template.png and b/static/blog/blog_banner_template.png differ