How to I reduce the font size of Blog Post Titles

Shapely
1

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 https://doradoes.co.uk/doralosophy-blog/

  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

2

Hi,

  1. For that use this Child theme, http://take.ms/c6jsc 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,

Thanks,
laranz.

3

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?
Thanks
Dora

About URL: https://doradoes.co.uk/about/
Crochet Resources URL: https://doradoes.co.uk/crochet-resources/

4

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;
}

Thanks!
Colorlib Support Team