Hi Mantraagnes,
The titles are controlled by your themes h2 (or h3, I can’t remember) tags. You’ll need to increase those values, or add a new declaration for the timeline title class through the user of the provided CSS selectors.
Thanks,
Evan
Dear Evan,
I’d have a similar question, although I’d like to reduce the size of the item title. It seems it is a H2 controlled by the theme but I would not like to change the theme css, it would be great to reduce the font-size: 30px; entry to 20px.
Is it possible to separate the item title size from the generic H2 styling without hard coding? The theme I use feature the addition of custom css so I could add it on the admin interface, I’m just not sure what exactly I should put in.
Many thanks for considering my enquiry and also for the nice plugin!
Kind regards,
Viktor
Hi Viktor,
You are correct in your assumptions. The title is controlled by your themes H2 declarations. You can change which element is used, from the settings page : eg ‘Settings > Timeline Express’. Change the element to an h3 if that better suits your needs.
Thanks,
Evan
Hello Evan,
Many thanks for the quick reply. I have managed to find that setting which is a nice feature. What I’m looking for at the moment is to change the heading size of an actual entry in the timeline and not the overall page itself (I left it empty because its not needed). It is H2 too and the text size is too large compared to the extent of the box which makes a short text shown in 3-4 lines above the date of the timeline entry.
Hope I managed to clarify a bit what I’m looking for. 🙂
Thanks a lot!
Kind regards,
Viktor
You’ll need to provide a link to your site, I’m not 100% sure what you are referring too.
The h2 tag etc alters the title of the announcement, not the entire page.
Its not live yet but I hope a screenshot will be helpful as well. Thanks!
In the settings I only see the Timeline Title option which modifies the page title only. Hope I didn’t make a silly mistake somewhere. 🙂
This should work:
.cd-timeline-item-title {
font-size: 12px;
}
