Skip Navigation

[Resolved] Best Way to Change Font Display for Titles of Post-Types – Font too large!

This support ticket is created 4 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 10:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Kolkata (GMT+05:30)

This topic contains 2 replies, has 2 voices.

Last updated by Wendy 4 years, 11 months ago.

Assisted by: Minesh.

Author
Posts
#1636117

I have created a toolset custom post type called maps. I am not currently using a Toolset template for maps pages. I am simply using the standard maps layout (and inserting several short codes into it.

I'm pleased with the presentation of the page, but I don't know how to reduce the font size of the title (which has been entered in the standard title field in the management console), and possibly also restyle it in other ways. The font seems to be using the H1 header, but displays much larger than the other fonts on the standard posts across my site. I would like them to match.

Here is an example of a toolset custom type maps page:
hidden link

Here is an example of the way the titles display on the rest of the pages in the site:
hidden link

Using inspect element, it seems that <h1> plus a css class "entry-header" is being used on both of these pages, but the display is different. The font display is much larger on my custom type maps pages. What is the best way to make the styles match. I have the same issue with my custom post type "map-collections."

My theme has two areas for entering custom CSS - could I do something there, for example? How would I structure that?

#1636927

Minesh
Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Can you please try to add the following CSS code to your content template's CSS box or other place where you are allowed to add the custom CSS and check that the following code help you to resolve your issue:

header.entry-header h1 {
    font-size: 25px !important;
}
#1637445

Thank you Minesh. That works great. I have a couple of related issues style issues I'll be asking about a little later today, and very much appreciate the excellent support.