diff --git a/src/pages/academy/blog/posts/_style.js b/src/pages/academy/blog/posts/_style.js
index f6f8f295938..4edc5cb8df5 100644
--- a/src/pages/academy/blog/posts/_style.js
+++ b/src/pages/academy/blog/posts/_style.js
@@ -1,6 +1,6 @@
import styled, { css } from 'styled-components'
import { Box, Flex, Container } from 'components/containers'
-import { LocalizedLinkText, Text } from 'components/elements'
+import { LocalizedLinkText, Header, Text } from 'components/elements'
import device from 'themes/device'
export const Background = styled.div`
@@ -51,6 +51,11 @@ export const BreadcrumbsWrapper = styled(Container)`
flex-direction: column;
}
`
+export const ArticleTitle = styled(Header)`
+ @media ${device.desktopS} {
+ font-size: 48px;
+ }
+`
export const HeroLeftWrapper = styled(Box)`
max-width: 384px;
margin-right: 24px;
diff --git a/src/pages/academy/blog/posts/preview/index.js b/src/pages/academy/blog/posts/preview/index.js
index 0a74f24547d..567ae561899 100644
--- a/src/pages/academy/blog/posts/preview/index.js
+++ b/src/pages/academy/blog/posts/preview/index.js
@@ -1,6 +1,7 @@
import React, { useEffect, useState } from 'react'
import PropTypes from 'prop-types'
import {
+ ArticleTitle,
Background,
HeroContainer,
BreadcrumbsWrapper,
@@ -33,7 +34,6 @@ import ArticleEmailBanner from '../../../components/_side-subscription-banner'
import { localize, WithIntl } from 'components/localization'
import Layout from 'components/layout/layout'
import { SEO, Show, Box, Flex, SectionContainer } from 'components/containers'
-import { Header } from 'components/elements'
import { convertDate, isBrowser } from 'common/utility'
import { cms_assets_end_point } from 'common/constants'
import RightArrow from 'images/svg/black-right-arrow.svg'
@@ -134,9 +134,9 @@ const BlogPreview = () => {
{post_data?.published_date &&
convertDate(post_data?.published_date)}
-
+
{post_data?.blog_title}
-
+
{post_data?.read_time_in_minutes &&
post_data?.read_time_in_minutes +
diff --git a/src/pages/academy/components/_markets-news.js b/src/pages/academy/components/_markets-news.js
index eb862b0b7b8..8cbee151d3f 100644
--- a/src/pages/academy/components/_markets-news.js
+++ b/src/pages/academy/components/_markets-news.js
@@ -80,8 +80,7 @@ const MarketNews = ({ data }) => {
/>
- {/* We'll stick to just weekly report for phase 1 */}
- Weekly report
+ Market report
{truncateString(data.blog_title, 38)}
diff --git a/src/pages/academy/index.js b/src/pages/academy/index.js
index 5983521d6b8..4c04842531f 100644
--- a/src/pages/academy/index.js
+++ b/src/pages/academy/index.js
@@ -38,7 +38,7 @@ export const query = graphql`
}
market_news: blog(
filter: {
- tags: { tags_id: { tag_name: { _contains: "Market News" } } }
+ tags: { tags_id: { tag_name: { _contains: "Market report" } } }
status: { _eq: "published" }
}
limit: 6
@@ -64,7 +64,7 @@ export const query = graphql`
}
market_news_eu: blog(
filter: {
- tags: { tags_id: { tag_name: { _contains: "Market News" } } }
+ tags: { tags_id: { tag_name: { _contains: "Market report" } } }
status: { _eq: "published" }
hide_for_eu: { _eq: false }
}
diff --git a/src/templates/article.js b/src/templates/article.js
index c11641b4035..ad188f4c600 100644
--- a/src/templates/article.js
+++ b/src/templates/article.js
@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react'
import PropTypes from 'prop-types'
import { graphql } from 'gatsby'
import {
+ ArticleTitle,
Background,
HeroContainer,
BreadcrumbsWrapper,
@@ -34,7 +35,7 @@ import SocialSharing from '../pages/academy/components/_social-sharing'
import { localize, WithIntl } from 'components/localization'
import Layout from 'components/layout/layout'
import { SEO, Show, Box, Flex, SectionContainer } from 'components/containers'
-import { Header, QueryImage } from 'components/elements'
+import { QueryImage } from 'components/elements'
import { convertDate } from 'common/utility'
import RightArrow from 'images/svg/black-right-arrow.svg'
@@ -121,9 +122,9 @@ const ArticlesTemplate = (props) => {
{post_data?.published_date &&
convertDate(post_data?.published_date)}
-
+
{post_data?.blog_title}
-
+
{post_data?.read_time_in_minutes &&
localize(post_data?.read_time_in_minutes + ' min read')}