How to I reduce the font size of Blog Post Titles

Hi there,
I am loving shapely theme and have found your support super helpful before so I hope you can help with these 2 issues relating to post titles.
My blog page is

  1. On my Blog home page, the post title font is so large that only a section of the blog title is being displayed. This happens when I click into the post too and it looks pretty bad. Is there a way to reduce the font size so the entire title is displayed?

  2. Is it possible to remove the post title from under the image as I already have it displayed on the banner and is currently duplicated. I did try some CSS I saw for this on another post but this also removed the image which I want to keep. Will this remove the title on all pages and portfolio projects too or is there a way to make it impact only the blog posts (which have longer titles)

Many thanks


  1. For that use this Child theme, install it like any other theme, and activate it.
  2. For that you can turn that off in Appearance -> Customize -> Blog Settings -> Blog Single Settings -> Show title in header = off.

Let us know,


This seems to have worked so that I can see the full title now, though the font size is still large.
However, I want to get around the issue where, on my pages, the title is in the header bar, and duplicated immediately below at the top of the page. See attached screenshot giving example of crochet resources page.
I would like to get rid of the second title but still be able to add a feature image (Like in the About section).
Is there a way to do this?

About URL:
Crochet Resources URL:

hey there

  1. if you want to lower font size on the blog page for titles:
.post-content .entry-content .post-title a {
    font-size: 22px;
  1. Please add this CSSĀ in appearance - customize - additional CSS
header.entry-header h1.entry-title {
    display: none;

Colorlib Support Team