How do I center the title/date and excerpt text under featured blog post photo? (Be Yours Theme)

[Back9ine]

Hello, 

I am trying to do three things:

1. Center the title/date and excerpt text under the featured photo on my main blog page below.
https://backnineskincare.com/blogs/discover

2. Remove the featured photo from the top of the blog article itself, while keeping it on the main blog page and within the "Discover More" section below the article.

https://backnineskincare.com/blogs/discover/do-i-really-need-to-wear-sunscreen

and;

3. Be able to adjust the font size of the article title and date on the article page.

https://backnineskincare.com/blogs/discover/do-i-really-need-to-wear-sunscreen

Thank you so much for any help or guidance!

[Sweet_Savior_3 · Accepted solution]

Hello @Back9ine 

Please paste the CSS in base.css file.

.article-card__info {
text-align: center;
}
.article-template .article-template__hero-container {
  display: none;
}
.article-template .article-template__title {
  font-size: 32px;
}
.article-template .article-template__title ~ * {
  font-size: 18px !important;
}

OUTPUT:

Thanks

[Back9ine]

Thanks so much!